jQuery复选框

时间:2009-07-21 16:19:57

标签: jquery checkbox

我正在尝试编写一段jQuery代码,如果所有复选框都是“未选中”,则所有li标签都将“禁用”类。

但是,如果选中了一个复选框(任何复选框),则所有[li]标签都会丢失“禁用”类。

非常感谢!

4 个答案:

答案 0 :(得分:15)

$(':checkbox').click(function () {
    $('li').toggleClass('disabled', !$(':checkbox:checked').length);
});

答案 1 :(得分:8)

我偶然发现了这篇文章,我想我会加上我的先令价值:

jQuery(':checkbox').click(function()
{
    if (jQuery(this).is(':checked'))
    {
        alert("Checked");
    }
    else
    {
        alert("Unchecked");
    }
});

答案 2 :(得分:5)

RaYell的轻微修改,包括任何动态添加的复选框:

$(':checkbox').live('click', function () {
    $('li').toggleClass('disabled', !$(':checkbox:checked').length);
});

答案 3 :(得分:1)

$(':checkbox')
    .click(
        function() 
        { 
            $('li').toggleClass('disabled', $(':checkbox :checked').length <= 0));
        }
     );

编辑:感谢Ken指出toggleClass方法。