Question

将点击事件绑定到包含单选按钮的li时，单选按钮元素似乎无法单击。在视觉上，单选按钮不会更改，但在单击时，该值将通过check绑定发送到ViewModel observable属性。

有什么建议吗？

    <li data-bind="click: setDimension, clickBubble: false", 
           css: { 'currentDimension' selectedDimension() === 'TimeD'}>

          <input type="radio" data-bind="checked: dimesionPresentation" value="0" />
          <input type="radio" data-bind="checked: dimesionPresentation" value="1" />

    </li>

正如您所看到的，我尝试了clickBubble: false，但没有帮助。

Answer 1

关键是在点击处理函数结束时返回true; ！这会正确更新UI。

Answer 2

您必须将clickBubble设置为false，并在click函数内返回true。请在此处查看解决方案：http://jsfiddle.net/a4m4puts/2

<li data-bind="click: setDimension">

<input type="radio" data-bind="checked: dimensionPresentation, click: function(){ click; return true}, clickBubble: false" value="0" />
<input type="radio" data-bind="checked: dimensionPresentation, click: function(){ click; return true}, clickBubble: false" value="1" />
<input type="radio" data-bind="checked: dimensionPresentation, click: function(){ click; return true}, clickBubble: false" value="2" />

Knockout单击绑定内部的单选按钮

2 个答案: