阻止复选框自行检查

时间:2015-05-24 16:13:11

标签: javascript javascript-events stoppropagation

我有一些<li>,它被设计为按钮。

<li class="button">
   <input type="checkbox" class="checkbox" />
   <span>Text</span>
</li>

如您所见,li元素中有一个复选框。当我们点击checked区域时,我使用angular来设置此复选框的li属性。它工作正常,但我有一个问题。当我点击复选框时没有任何反应 - 我知道我的Angular代码会检查复选框,然后取消选中它。

我试过了:

<input type="checkbox" class="checkbox" onclick="event.stopPropagation()" />

但它没有帮助......如何&#34;阻止&#34;执行其复选框&#34;检查/点击&#34;事件

1 个答案:

答案 0 :(得分:3)

复选框上的

return false可防止其默认行为

&#13;
&#13;
<input type="checkbox" class="checkbox" onclick="return false;" />
&#13;
&#13;
&#13;