jQuery: abilita invio quando è selezionata la casella di controllo min 1

Question

Come posso rimuovere l'attributo "disabled='disabled' del pulsante di invio con id='bla' se è selezionata almeno una casella di controllo con class='check'?

Se non viene selezionata alcuna casella di controllo, l'attributo disattivato deve tornare al pulsante di invio.

Answer 1

Hai solo bisogno di controllare la proprietà length dell'array controllato

$('.check').change(function() { 
    if ($('.check:checked').length) { 
     $('#sub').removeAttr('disabled'); 
    } else { 
     $('#sub').attr('disabled', 'disabled'); 
    } 
}); 

ecco la demo: http://jsfiddle.net/LUnN5/

Answer 2

Ottenere un riferimento a tutte le caselle di controllo in questione e quindi all'evento change(), impostare la proprietà disabled in base a se una delle caselle di controllo è selezionata o meno.

var checks = $(':checkbox.check'); 
checks.change(function() { 
    $('#bla').attr('disabled', ! checks.filter(':checked').length); 
}); 

jsFiddle.

Answer 3

$(".check").change(function() { 

    var btn = $("#bla"); 

    if ($(".check").is(":checked")) { 

     btn.removeAttr("disabled"); 

    } else { 

     btn.attr("disabled", "disabled"); 

    } 

}); 

$(".check").triggerHandler("change");