jQuery Checkboxes

głosy
11

Próbuję napisać kawałek kodu jQuery, gdzie, jeśli wszystkie pola wyboru są „zaznaczone”, a następnie wszystkie tagi li mieć klasę „wyłączone”.

Ale, jeśli jest zaznaczone pole wyboru jednego (dowolnego wyboru), a następnie wszystkie [li] Tagi stracić klasa „wyłączone”.

Wielkie dzięki!

Utwórz 21/07/2009 o 17:19
źródło użytkownik
W innych językach...                            


4 odpowiedzi

głosy
15

$(':checkbox').click(function () {
    $('li').toggleClass('disabled', !$(':checkbox:checked').length);
});
Odpowiedział 21/07/2009 o 17:23
źródło użytkownik

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

EDIT: Dzięki Ken za wskazanie sposobu toggleClass.

Odpowiedział 21/07/2009 o 17:26
źródło użytkownik

głosy
5

Nieznaczne zmiany RaYell, która będzie zawierać żadnych dynamicznie dodawane wyboru:

$(':checkbox').live('click', function () {
    $('li').toggleClass('disabled', !$(':checkbox:checked').length);
});
Odpowiedział 21/07/2009 o 17:29
źródło użytkownik

głosy
8

Natknąłem się na to stanowisko przez przypadek i pomyślałem, że warto dodać mój szylinga:

jQuery(':checkbox').click(function()
{
    if (jQuery(this).is(':checked'))
    {
        alert("Checked");
    }
    else
    {
        alert("Unchecked");
    }
});
Odpowiedział 28/01/2011 o 10:56
źródło użytkownik

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more