jQuery Caselle di controllo

voti
11

Sto cercando di scrivere un pezzo di codice jQuery in cui, se tutte le caselle sono senza controllo, quindi tutti i tag li hanno la classe di disabile.

Ma, se una casella di controllo (qualsiasi casella di controllo) è selezionata, tutte le [li] Tag perdono la classe di disabile.

Grazie molto!

È pubblicato 21/07/2009 alle 17:19
fonte dall'utente
In altre lingue...                            


4 risposte

voti
15

$(':checkbox').click(function () {
    $('li').toggleClass('disabled', !$(':checkbox:checked').length);
});
Risposto il 21/07/2009 a 17:23
fonte dall'utente

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

EDIT: Grazie Ken per aver ricordato il metodo toggleClass.

Risposto il 21/07/2009 a 17:26
fonte dall'utente

voti
5

Leggera modifica RaYell di, che comprenderà tutte le caselle di controllo aggiunto in modo dinamico:

$(':checkbox').live('click', function () {
    $('li').toggleClass('disabled', !$(':checkbox:checked').length);
});
Risposto il 21/07/2009 a 17:29
fonte dall'utente

voti
8

Mi sono imbattuto in questo post per caso e ho pensato di aggiungere il mio scellino vale la pena:

jQuery(':checkbox').click(function()
{
    if (jQuery(this).is(':checked'))
    {
        alert("Checked");
    }
    else
    {
        alert("Unchecked");
    }
});
Risposto il 28/01/2011 a 10:56
fonte dall'utente

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