javascript - 内部带有单选按钮的淘汰赛点击绑定

Question

将单击事件绑定到li包含单选按钮的 时，单选按钮元素似乎失去了被单击的能力。在视觉上，单选按钮不会改变，但是check当被单击时，值会通过绑定发送到 ViewModel 可观察属性。

有什么建议么？

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