Binding true / false to radio buttons in Knockout JS

by

I know this is an old thread, but I was having the same problem and found out a much better solution that was probably added to knockout after this question was officially answered, so I’ll just leave it for people with the same problem.

Currently there is no need for extenders, custom binding handlers or computeds.
Just provide a “checkedValue” option, it will use that instead of the html ‘value’ attribute, and with that you can pass any javascript value.

<input type="radio" name="a" data-bind="checked:IsChecked, checkedValue: true"/>
<input type="radio" name="a" data-bind="checked:IsChecked, checkedValue: false"/>

Or:

<input type="radio" name="b" data-bind="checked:Quantity, checkedValue: 1"/>
<input type="radio" name="b" data-bind="checked:Quantity, checkedValue: 2"/>
<input type="radio" name="b" data-bind="checked:Quantity, checkedValue: 3"/>

More Related Contents:

  1. make an input only-numeric type on knockout
  2. Knockout JS mapping plugin without initial data / empty form
  3. Difference between knockout View Models declared as object literals vs functions
  4. Resolve circular references from JSON object
  5. How to create an auto-complete combobox?
  6. Knockout.js incredibly slow under semi-large datasets
  7. Change observable but don’t notify subscribers in knockout.js
  8. knockout data-bind on dynamically generated elements
  9. Setting value of Observable not updating in Knockout
  10. How to clear/remove observable bindings in Knockout.js?
  11. Knockout + Bootstrap 3 Radio Buttons
  12. When to use ko.utils.unwrapObservable?
  13. combine dynamic and static classes through css binding, knockout.js
  14. Knockout JS – How to correctly bind an observableArray
  15. Javascript Equivalent to C# LINQ Select
  16. knockout.js using $index with if binding
  17. Formula to find week numbers from the Total [closed]
  18. How to filter object array based on attributes?
  19. Suppress Chrome ‘Failed to load resource’ messages in console
  20. How to do associative array/hashing in JavaScript
  21. Template literal inside of the RegEx
  22. JavaScript function order: why does it matter?
  23. What browsers currently support JavaScript’s ‘let’ keyword?
  24. Override jQuery functions
  25. What happens if i reject / resolve multiple times in Kriskowal’s q?
  26. jQuery animated number counter from zero to value
  27. Understanding the ngRepeat ‘track by’ expression
  28. Increase JavaScript Heap size in create-react-app project
  29. How can I handle errors in loading an iframe?
  30. Using jQuery inArray with array of JavaScript Objects

Leave a Comment