web-dev-qa-db-ja.com

jQueryチェックボックス

すべてのチェックボックスが「オフ」の場合、すべてのliタグのクラスが「無効」になるjQueryコードを記述しようとしています。

ただし、1つのチェックボックス（任意のチェックボックス）がチェックされている場合、すべての[li]タグはクラス「無効」を失います。

どうもありがとう！

jquerycheckbox
11
SMTDev
$(':checkbox').click(function () {
    $('li').toggleClass('disabled', !$(':checkbox:checked').length);
});
15
RaYell

私は偶然この投稿に出くわしました、そして私は私のシリングの価値を追加すると思いました：

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

RaYellのわずかな変更。これには、動的に追加されたチェックボックスが含まれます。

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

編集： toggleClassメソッドを指摘してくれたKenに感謝します。

1
SolutionYogi