javascript - 将 true/false 绑定(bind)到 Knockout JS 中的单选按钮

Question

在我的 View 模型中，我有一个值为 true 或 false 的 IsMale 值。

在我的 UI 中，我希望将其绑定(bind)到以下单选按钮:

<label>Male
   <input type="radio" name="IsMale" value="true" data-bind="checked:IsMale"/>
</label> 
<label>Female
   <input type="radio" name="IsMale" value="false" data-bind="checked:IsMale"/>
</label>

我认为checked 的问题需要字符串“true”/“false”。所以我的问题是，如何使用此 UI 和模型获得此双向绑定(bind)？

Answer 1

我知道这是一个旧线程，但我遇到了同样的问题并找到了一个更好的解决方案，该解决方案可能是在正式回答这个问题后添加到 knockout 中的，所以我将把它留给有相同问题的人问题。

目前不需要扩展器、自定义绑定(bind)处理程序或计算。 只需提供一个“checkedValue”选项，它将使用该选项而不是 html 的“value”属性，并且您可以通过它传递任何 javascript 值。

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

或者:

<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"/>