javascript - 点击一个input[checkbox ]'s label will fire twice the parent' s点击事件(knockout)

Question

考虑 this fiddle.我有一个 <input type='checkbox'>链接到其对应的 <label> .在他们的 parent 身上，我有一个 click捆绑。

问题是，点击 <label>将触发 parent 的点击两次，而点击 <input>只会触发一次。

考虑到我想保留当前的 ​​HTML 结构( <label> 旁边的 <input> )，有没有办法制作 <label>表现得像 <input>元素？ (也就是触发一次 click)

编辑:如果我删除 return true;来自 click 的声明handler 的函数，它不会触发两次，而且，它也不会选中复选框。需要选中该复选框。 Here is a case我没有对父元素执行操作的地方。如果您单击 <label> ，它将检查 <input> .

Answer 1

我为您找到了答案here .诀窍是使用自定义绑定(bind)使标签停止冒泡。

<label for="test" data-bind="stopBubble:parentAction">TestLabel</label>

stopBubble 绑定(bind)在链接处，也在 Fiddle 中。

http://jsfiddle.net/9rkrahm6/2/