JSFiddle - React, Tailwind, and code Playground

by mnahlovsky

HTML

<script src="https://raw.github.com/SteveSanderson/knockout/master/build/output/knockout-latest.debug.js"></script>
Fruits
<div data-bind="foreach: options" >
    <div><input type="radio" name="optionsGroup" data-bind="checked: selected" />
    <span data-bind="text: label"></span></div>    
</div>

JavaScript

//TODO: I want this array to 
var optionsList = [
    {"value": "a",
     "label": "apple"},
    {"value": "b",
     "label": "banana"},
    {"value": "c",
     "label": "carrot"}
];

function viewModel() {
    var self = this;
    self.options = optionsList;
    self.selected = ko.observable("a");
    self.selected.subscribe(function(newValue) {
        alert("new value is " + newValue);
    });

}
    
ko.applyBindings(new viewModel());