Question

我想根据单选按钮有条件地提供“EnterTemplate”div。为了测试目的，我在最底部添加了text数据绑定，并根据单选按钮值向我返回“true”或“false”值。我正在尝试为visible绑定此值，但没有任何事情发生。有什么建议吗？

<div><h4>Select Instrument Template:</h4></div>
<div id="ChooseModel">
    <strong>Would you like to manually insert number?</strong><br />
    <input type="radio" name="ChooseModel" value="True" data-bind="checked: RadioOption"/>@Resx.Yes
    <input type="radio" name="ChooseModel" value="False" data-bind="checked: RadioOption"/>@Resx.No
</div>
<div id="EnterTemplate" data-bind="visible: RadioOption">
    <div><strong>Model Number: </strong></div>
    <div><input data-bind="value: ModelNumberString" /></div>
    <div><strong>Manufacturer: </strong></div>
    <div><input data-bind="value: ManufacturerString" /></div>

    <div>Model Number: <strong data-bind="text: ModelNumberString"></strong></div>
    <div>Checked: <strong data-bind="text: RadioOption"></strong></div>
</div>

Answer 1

它将始终可见，因为任何非空字符串总是真的，你应该这样做：

data-bind="visible: RadioOption() === 'True'"

或者有其他属性是布尔值。

可见绑定不能与单选按钮结合使用

1 个答案: