jquery click 事件用于检查一个主复选框并禁用所有其他复选框

Question

我正在尝试在 jquery 中创建一个函数，以在单击一个主复选框时禁用一组复选框

功能是

function DisableCheckboxes(id)
{

    if($(this).is(':checked'))
    {
         $("input[name="+id+"]").each(function(){
            $(this).attr({
            'checked':false,
            'disabled':true});        
        });
    }
    else
    {
        $("input[name="+id+"]").each(function(){
            $(this).attr('disabled',false);        
        });
    }

}

并在点击事件上将其称为 -

$(document).ready(function() {

$("#chkNotMatter").click(DisableCheckboxes('chklStatus'));

});

问题是点击事件不会被应用，并且主复选框被选中

Answer 1

您应该将回调传递给事件处理程序，而是调用DisableCheckboxes并返回结果。您应该使用:

$(document).ready(function() {
  $("#chkNotMatter").click(function() { DisableCheckboxes.call(this, 'chklStatus'); });
});

编辑:如更新的代码片段中所述，您必须在 DisableCheckboxes 上使用 call，因为您在其上引用 this，以便它正确引用复选框 dom 元素.

此外，您还可以按如下方式缩小 DisableCheckboxes，因为 attr 会修改选择器中的所有对象:

function DisableCheckboxes(id) {
    if ($(this).is(':checked')) {
         $("input[name="+id+"]").attr({
            'checked':false,
            'disabled':true
        });
    } else {
        $("input[name="+id+"]").attr('disabled',false);
    }
}