Controlla se la casella di controllo NON è selezionata al clic - jQuery

Voglio controllare se una casella di controllo è appena stata deselezionata, quando un utente fa clic su di essa. Il motivo è perché desidero eseguire una convalida quando un utente deseleziona una casella di controllo. Perché almeno una casella di controllo deve essere selezionata. Quindi, se deseleziona l'ultimo, si ricontrolla automaticamente.

Con jQuery posso facilmente scoprire se è controllato o meno:

$('#check1').click(function() {
    if($(this).is(':checked'))
        alert('checked');
    else
        alert('unchecked');
});

Ma in realtà voglio solo avere un'istruzione if che controlla se una casella di controllo è appena stata deselezionata.

Quindi ho pensato di poterlo fare con il seguente codice:

$('#check2').click(function() {
    if($(this).not(':checked'))
        alert('unchecked');
    else
        alert('checked');
});

Ma questo mostrerà sempre il messaggio "deselezionato". Non proprio quello che mi aspettavo ...

demo: http://jsfiddle.net/tVM5H/

Quindi alla fine ho bisogno di qualcosa come:

$('#check2').click(function() {
    if($(this).not(':checked')) {
        // Got unchecked, so something!!!
    }
});

Ma ovviamente questo non funziona. Preferisco non usare il primo esempio, perché poi avrei un'istruzione "else" non necessaria quando ho bisogno solo di un'istruzione "if".

Quindi, per prima cosa, è un bug di jQuery? Perché per me è un comportamento inaspettato. E secondo, qualcuno ha idea di una buona alternativa?

Prova questo:

if(!$(this).is(':checked'))

demo

La risposta già pubblicata funzionerà. Se vuoi usare jQuery: not puoi farlo:

if ($(this).is(':not(:checked)'))

o

if ($(this).attr('checked') == false)

jQuery per verificare controllato? Veramente?

if(!this.checked) {

Non usare un bazooka per fare il lavoro di un rasoio.

$(document).ready(function() {
        $("#check1").click(function() {
            var checked = $(this).is(':checked');
            if (checked) {
                alert('checked');
            } else {
                alert('unchecked');
            }
        });
    });

<script type="text/javascript">

 if(jQuery('input[id=input_id]').is(':checked')){
  // Your Statment
 }else{
  // Your Statment
 }

 OR

 if(jQuery('input[name=input_name]').is(':checked')){
  // Your Statment
 }else{
  // Your Statment
 }

</script>

Codice tratto da qui: http://chandreshrana.blogspot.in/2015/10/how-to-check-if-checkbox-is-checked-or.html

Dai un'occhiata ad alcune delle risposte a questa domanda - penso che potrebbe applicarsi alla tua:

come eseguire la funzione clic dopo il comportamento predefinito di un elemento

Penso che tu stia riscontrando un'incongruenza nell'implementazione della onclickfunzione nel browser . Alcuni scelgono di attivare o disattivare la casella di controllo prima che l'evento venga attivato e altri dopo.

La risposta è già stata pubblicata. Ma possiamo usare il jquery anche in questo modo

demo

$(function(){
    $('#check1').click(function() {
        if($('#check1').attr('checked'))
            alert('checked');
        else
            alert('unchecked');
    });

    $('#check2').click(function() {
        if(!$('#check2').attr('checked'))
            alert('unchecked');
        else
            alert('checked');
    });
});

Fai cosi

if (typeof $(this).attr("checked") == "undefined" )

// To check if checkbox is checked
if( $(this).attr("checked")=="checked")