New to Telerik UI for ASP.NET Core? Download free 30-day trial

ASP.NET Core RadioGroup API

Loading Demo...

EXAMPLE

VIEW SOURCE
EDIT IN
- Telerik REPL

Also available for:

var radioGroupPrevState; window.demoComponentProperties = { sections: [ { label: "Enable / Disable RadioGroup", controls: [{ type: "segmented", name: "state", options: [{ value: "enabled", label: "Enable" }, { value: "disabled", label: "Disable" }], defaultValue: "enabled" }] }, { label: "Enable / Disable item", controls: [{ type: "numericTextBox", name: "enableIndex", defaultValue: 0, min: 0 }, { type: "button", label: "Enable item at index", onClick: function(values) { $("#radiogroup").data("kendoRadioGroup").enableItem(true, values.enableIndex); } }, { type: "numericTextBox", name: "disableIndex", defaultValue: 0, min: 0 }, { type: "button", label: "Disable item at index", onClick: function(values) { $("#radiogroup").data("kendoRadioGroup").enableItem(false, values.disableIndex); } }] }, { label: "Get items", controls: [{ type: "numericTextBox", name: "itemIndex", defaultValue: 0, min: 0 }, { type: "button", label: "Get item at index", onClick: function(values) { var item = $("#radiogroup").data("kendoRadioGroup").item(values.itemIndex); $("#dialog").data("kendoDialog").content("Item at index: " + values.itemIndex + " Value: " + $(item[0]).val()).open(); } }, { type: "button", label: "Get all values", onClick: function() { var items = $("#radiogroup").data("kendoRadioGroup").items(); var values = []; for (var i = 0; i < items.length; i++) { values.push($(items[i]).val()); } $("#dialog").data("kendoDialog").content("RadioGroup values:" + values).open(); } }] }, { label: "Get / Set value", controls: [{ type: "textbox", name: "value", defaultValue: "1" }, { type: "button", label: "Set value", onClick: function(values) { $("#radiogroup").data("kendoRadioGroup").value(values.value); } }, { type: "button", label: "Get value", onClick: function() { $("#dialog").data("kendoDialog").content("RadioGroup value:" + $("#radiogroup").data("kendoRadioGroup").value()).open(); } }] } ], onChange: function(values) { var radioGroup = $("#radiogroup").data("kendoRadioGroup"); if (radioGroup && values.state !== radioGroupPrevState) { radioGroup.enable(values.state === "enabled"); radioGroupPrevState = values.state; } } }; Select language:

.label { font: normal 14px/16px Metric, Arial, Helvetica, sans-serif; color: #656565; display: inline-block; text-transform: uppercase; margin-bottom: 10px; } .k-form-hint { margin-top: 10px; }

ASP.NET Core RadioGroup API

Support & Learning Resources

Additional Resources