Предотвратить checkbox от проверки себя

Question

У меня есть <li>, который оформлен в виде кнопки.

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

Как вы можете видеть, есть флажок внутри li элемента. Я использую угловое значение для установки checked свойства этого флажка, когда мы нажимаем li. Он отлично работает, но у меня проблема. Когда я нажимаю флажок, ничего не происходит - я знаю, что мой Угловой код проверяет флажок, и после этого он отменяет сам.

Я пробовал:

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

Но это не помогло ... Как «блок» Флажок делать его «чек/onlick» событие?

Answer 1

return false на поле, чтобы предотвратить его поведение по умолчанию

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