JQuery - 如果使用 JQuery 检查复选框更改事件不会触发

Question

我有这个 Check All 函数可以选中所有复选框。我使用 JQuery 来做到这一点。

但我也有这个on change 函数，可以将类切换到包装器 div:

$('input[type="checkbox"]').on('change', function(){
    $(this).closest('div').toggleClass('highlight');
});

当我点击 Checkbox 时该函数运行，但如果我点击 Check all 则不会运行。

有什么方法可以使用 JQuery 手动触发事件吗？或者有更好的解决方案吗？

谢谢

编辑:

这是简化的 HTML:

<a id="check_all">Check All</a>
<div>
    <input type="checkbox" name="cb" value="abc">ABC<br>
</div>
<div>
    <input type="checkbox" name="cb" value="pqr">PQR<br>
</div>
<div>
    <input type="checkbox" name="cb" value="xyz">XYZ<br>
</div>

这是 JSFiddle

http://jsfiddle.net/DarcFiddle/d4VTh/

Answer 1

点击后检查所有你应该像这样调用 change() 事件

$(document).ready(function(){
    $("input[type='checkbox']").on('change', function(){
        $(this).closest('div').toggleClass('highlight');
    });

    $("#check_all").on('click', function(){
        $("input[type='checkbox']").prop('checked', true).change();
    });
});