javascript - 切换复选框设置

Question

我有一张元素表，每行都有一个复选框来选择加入或退出。由于项目列表可能很长，我想提供一个“全局”复选框来勾选所有复选框或根据此全局复选框的设置取消选中它们。我已经创建了执行此操作的 jQuery 代码，但不幸的是只有一次。我无法一次又一次地切换设置。任何想法为什么？谢谢!

这是我的代码:

jQuery('#ci-firmware-assign-toggle-checkbox').click(function(){
    if(jQuery('#ci-firmware-assign-toggle-checkbox').is(":checked")) {
        jQuery('tbody .ci-firmware-assign-checkbox').each(function(){
            if(!jQuery(this).attr("checked")) {
                jQuery(this).attr('checked', true);
            };
        });
    } else {
        jQuery('tbody .ci-firmware-assign-checkbox').each(function(){
            if(jQuery(this).attr("checked")) {
                jQuery(this).attr('checked', false);
            };
        });
    }
});

Answer 1

jQuery('#ci-firmware-assign-toggle-checkbox').change(function(){   
   $('.ci-firmware-assign-checkbox').prop("checked", $(this).is(":checked"))
});