Knockout Checkbox Binding
by Jon Kittell
HTML
Available Folders:
<div data-bind="foreach: $root.availableFolders">
<input type="checkbox" data-bind="value: Id(), checked: $root.associatedFolderIds, click: $root.toggleAssociation" /> <span data-bind="text: ' ' + Name()"></span>
<br/>
</div>
<br/>Associated Folder Ids:
<div data-bind="foreach: $root.associatedFolderIds"> <span data-bind="text: $data"></span>
<br/>
</div>JavaScript
var folders = [{"FolderId":1,"FolderName":"ADDS Information","ParentFolderId":0},{"FolderId":2,"FolderName":"Presentations Scripts","ParentFolderId":0},{"FolderId":3,"FolderName":"Agent Appointment Forms","ParentFolderId":0},{"FolderId":4,"FolderName":"Sales Incentives","ParentFolderId":0},{"FolderId":5,"FolderName":"New Business Underwriting Forms","ParentFolderId":0},{"FolderId":6,"FolderName":"Home Office Key Contacts","ParentFolderId":0},{"FolderId":7,"FolderName":"Forms and Information","ParentFolderId":0},{"FolderId":8,"FolderName":"Agent Bulletins","ParentFolderId":0},{"FolderId":116,"FolderName":"z - product shells","ParentFolderId":7},{"FolderId":117,"FolderName":"Life","ParentFolderId":116},{"FolderId":118,"FolderName":"Georgia","ParentFolderId":117},{"FolderId":119,"FolderName":"Alabama","ParentFolderId":117},{"FolderId":120,"FolderName":"Arkansas","ParentFolderId":117},{"FolderId":121,"FolderName":"Indiana","ParentFolderId":117},{"FolderId":122,"FolderName":"Arizona","ParentFolderId":117},{"FolderId":123,"FolderName":"Colorado","ParentFolderId":117},{"FolderId":124,"FolderName":"Delaware","ParentFolderId":117},{"FolderId":125,"FolderName":"District of...