javascript - 防止复选框检查自身

Question

我有一些 <li>这是一个按钮的样式。

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

如您所见，li 中有一个复选框。元素。我使用 Angular 来设置 checked单击 li 时此复选框的属性区域。它工作正常，但我有一个问题。当我点击复选框时，什么也没有发生——我知道我的 Angular 代码选中了复选框，然后它自己取消选中。

我试过:

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

但这并没有帮助...如何“阻止”复选框执行其“检查/点击”事件？

Answer 1

在复选框上返回 false 以防止其默认行为

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