radios

by Trae

HTML

<script src="//kendo.cdn.telerik.com/2016.1.112/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.112/styles/kendo.default.min.css">
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.1.112/styles/kendo.common.min.css">
<div id="test">
<input type="text" /><br />
<input type="radio" value="Red"   name="color" data-bind="checked: selectedColor" /><br />
<input type="radio" value="Green" name="color" data-bind="checked: selectedColor" /><br />
<input type="radio" value="Blue"  name="color" data-bind="checked: selectedColor" /><br />
<span data-bind="text: selectedColor"></span><br />
<input type="text" /><br />
</div>

JavaScript

var viewModel = kendo.observable({
    selectedColor: ""
});

kendo.bind($("#test"), viewModel);