1

我目前有一个 jQuery 函数,如果未选中父复选框,则禁用 Checkboxlist 并在选中它时启用。但是,父复选框默认为取消选中,这是我想要的。

这会导致代码出现问题,因为它在页面加载时启用,并且只有在您选中和取消选中父复选框时才会禁用。

有人知道修复吗?

$(document).ready(function() {
    $('#cbsys').bind('click', function() {
        var doEnable = ($('#cbsys:checked').length > 0);
        $('#syscbl').each(function() {
            if (doEnable) {
                $(this).attr('disabled', null);
                $(this).parents('label').removeClass('cssDisabled');
            } else {
                $(this).attr('disabled', 'disabled');
                $(this).parents('label').addClass('cssDisabled');
            }
        });
    });
});
4

2 回答 2

4

只需将其缓存为一个函数,然后在准备好的文档以及单击时运行它。我还稍微优化了您的代码:

function disableCk() {
  var doEnable = $('#cbsys:checked').length; // <-- use a class
  $('#syscbl').each(function() { // <-- use a class
    var $this = $(this);
    if (doEnable) {
      $this.prop('disabled', false)
        .parents('label')
        .removeClass('cssDisabled');
    }
    else {
      $this.prop('disabled', true)
        .parents('label')
        .addClass('cssDisabled');
    }
  });
}

$(document).ready(function() {
  disableCk();
  $('#cbsys').on('click', disableCk);
});

编辑

刚刚注意到您似乎使用了多个具有相同名称的 ID,这是无效的 HTML,请确保改用类。我在代码中添加了注释,请看上面。

于 2012-08-07T21:24:59.183 回答
1

只需在绑定后立即触发您的点击处理程序:

$('#cbsys').bind('click', function() {
    var doEnable = ($('#cbsys:checked').length > 0);
    $('#syscbl').each(function() {
    if (doEnable) {
        $(this).attr('disabled', null);
        $(this).parents('label').removeClass('cssDisabled');
    }
    else {
        $(this).attr('disabled', 'disabled');
        $(this).parents('label').addClass('cssDisabled');
    }
}).trigger('click').trigger('click');
于 2012-08-07T21:22:43.997 回答