Knockout checkbox and radio

by nemesv

HTML

<script src="http://rniemeyer.github.com/KnockMeOut/Scripts/knockout-latest.debug.js"></script>
<div data-bind="foreach: options">    
    <label>
        <input type="checkbox" data-bind="value: $data.optionvalue, checked: $parent.selectedOptions" />
        <span data-bind="text: $data.optiontext"/>
    </label>
</div>

<hr />

<div data-bind="text: selectedOptionsList"></div>

JavaScript

var viewModel = {
    options: [
                { optiontext: 'Simple', optionvalue: "1" },
                { optiontext: 'Advanced', optionvalue: "2" }
             ],
    selectedOptions: ko.observableArray(["2"])
};

viewModel.selectedOptionsList = ko.computed(function() {
    return this.selectedOptions().join(",");
}, viewModel);

ko.applyBindings(viewModel);