jquery - 通过removeAttr选中复选框时的事件 ('checked' )

Question

我有一个函数可以通过执行以下操作来取消选中复选框:

$('[name = destination]').removeAttr('checked');

现在我希望在复选框上触发一个事件，就像我手动检查它一样。有这方面的事件吗？

我尝试过更改并单击。当我手动选中/取消选中该框时，两者都有效，但像这样完成时则不起作用。

Answer 1

为什么不将属性设置为 false，而不是删除该属性

$('[name = destination]').removeAttr('checked');

尝试

$('[name = destination]').prop('checked', false);

<小时/>

然后编写处理您正在寻找的此功能的事件

$('[name = destination]').on('click' , function(){
  var $chk = $('[name="description"]');
  if($chk.is(':checked')){
       console.log('Checkbox is checked !!');
  }
  else{
       console.log('Checkbox is now UNCHECKED !!');
  }
});

$('[name = destination]').prop('checked', false).trigger('click');

您还可以使用.trigger()方法手动触发事件

  $('[name = destination]').trigger('click');

触发事件时要小心

如果您使用此检查状态，则在这种情况下可能不会反射(reflect)当前属性状态

<强> Check Fiddle