Question

我有这些具有更改事件的复选框。当我通过button检查这些复选框时。更改事件不会触发。这有什么不对吗？

HTML

  <button>aaa</button>  
  <input type="checkbox">
  <input type="checkbox">
  <input type="checkbox">
  <input type="checkbox"> 
  <input type="checkbox"> 
  <input type="checkbox">

Jquery的

$(':checkbox').on('change',function(){
 alert("checked"); 
});

$('button').on('click',function(){
  $(':checkbox').prop('checked',true);
});

演示http://jsbin.com/idiweJo/1/

Answer 1

只需在按钮单击

中检查后再次调用更改功能

$('button').on('click',function(){
  $(':checkbox').prop('checked',true).change();
});

注意：由于您要检查所有复选框，因此会针对每个复选框触发更改事件。

Answer 2

你必须使用触发功能..

检查这个jsfiddle。 http://jsfiddle.net/gkCfZ/

$(':checkbox').on('change',function(){
 alert("checked"); 
});

$('button').on('click',function(){
  $(':checkbox').prop('checked',true);
    $(':checkbox').trigger("change");
});

当按钮执行检查操作时，更改不起作用

2 个答案: