Radio
The Radio control is used to select a specific option from a group of related choices.
Default Behavior
Demonstrates the default behavior of the Radio control.
Disable
Demonstrates the Radio control with a disabled option.
The Radio control is used to select a specific option from a group of related choices.
new ac.toggles.RadioButton(
{
name: "sports",
label: "Baseball",
value: "baseball",
checked: true
},
"#cntlBaseball"
);
new ac.toggles.RadioButton(
{
name: "sports",
label: "Football",
value: "football"
},
"#cntlFootball"
);
new ac.toggles.RadioButton(
{
name: "sports",
label: "Soccer",
value: "soccer"
},
"#cntlSoccer"
);<div class="d-flex flex-wrap" style="gap: 10px; flex-direction: column">
<input id="cntlBaseball" type="radio" />
<input id="cntlFootball" type="radio" />
<input id="cntlSoccer" type="radio" />
</div>new ac.toggles.RadioButton(
{
name: "sports",
label: "Baseball",
value: "baseball",
checked: true
},
"#cntlBaseball2"
);
new ac.toggles.RadioButton(
{
name: "sports",
label: "Football",
value: "football",
disabled: true
},
"#cntlFootball2"
);
new ac.toggles.RadioButton(
{
name: "sports",
label: "Soccer",
value: "soccer"
},
"#cntlSoccer2"
);<div class="d-flex flex-wrap" style="gap: 10px; flex-direction: column">
<input id="cntlBaseball" type="radio" />
<input id="cntlFootball" type="radio" />
<input id="cntlSoccer" type="radio" />
</div>