防止复选框检查自身

Question

我有一些 <li> 样式为按钮。

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

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

我试过：

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

但它没有帮助...如何 "block" 复选框执行其 "check/onlick" 事件？

Answer 1

return false 复选框以防止其默认行为

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

Prevent checkbox from checking itself