是否可以更改復選框狀態而不會導致單擊事件？

Question

我試圖找到一種方法來阻止input[type='checkbox']在我用jquery更改狀態時觸發click事件。

可能嗎？

Answer 1

如果在checked屬性上使用.prop() ，則不會觸發任何click事件：

$("input[type='checkbox']").click(function() {
  alert('checkbox clicked');
});
$('#mycheckbox').prop('checked', true);
$('#mycheckbox').prop('checked', false);
$('#mycheckbox').prop('checked', true);
$('#mycheckbox').prop('checked', false);
$('#mycheckbox').prop('checked', true);

http://jsbin.com/ecIQUle/3/edit

Answer 2

根據您要執行的操作，以下某項操作可能有所幫助：

• 從事件處理程序返回false ： <input type=checkbox onclick="return false;"></input>
• 使用jQuery的preventDefault
• 使用jQuery的stopPropagation

最后可能更正確。