Aktivieren Sie das Kontrollkästchen NICHT, wenn Sie auf click - jQuery klicken

Ich möchte überprüfen, ob ein Kontrollkästchen gerade deaktiviert wurde, wenn ein Benutzer darauf klickt. Der Grund dafür ist, dass ich eine Validierung durchführen möchte, wenn ein Benutzer ein Kontrollkästchen deaktiviert. Weil mindestens ein Kontrollkästchen aktiviert sein muss. Wenn er also den letzten deaktiviert, überprüft er sich automatisch erneut.

Mit jQuery kann ich leicht herausfinden, ob es überprüft wurde oder nicht:

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

Aber ich möchte eigentlich nur eine if-Anweisung haben, die prüft, ob ein Kontrollkästchen gerade deaktiviert wurde.

Also dachte ich, ich könnte das mit dem folgenden Code machen:

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

Dies zeigt jedoch immer die Meldung "nicht markiert" an. Nicht wirklich das, was ich erwartet hatte ...

Demo: http://jsfiddle.net/tVM5H/

Also brauche ich irgendwann so etwas wie:

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

Aber das funktioniert natürlich nicht. Ich möchte lieber nicht das erste Beispiel verwenden, da ich dann eine unnötige 'else'-Anweisung hätte, wenn ich nur eine' if'-Anweisung benötige.

Ist das als erstes ein jQuery-Fehler? Für mich ist es unerwartetes Verhalten. Und zweitens, hat jemand eine Idee für eine gute Alternative?

Versuche dies:

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

Demo

Die bereits gepostete Antwort wird funktionieren. Wenn Sie jQuery verwenden möchten: nicht, können Sie dies tun:

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

oder

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

jQuery auf geprüft prüfen? "Ja wirklich?"

if(!this.checked) {

Verwenden Sie keine Panzerfaust, um die Arbeit eines Rasierers zu erledigen.

$(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>

Code von hier übernommen: http://chandreshrana.blogspot.in/2015/10/how-to-check-if-checkbox-is-checked-or.html

Schauen Sie sich einige der Antworten auf diese Frage an - ich denke, es könnte auf Ihre zutreffen:

Ausführen der Klickfunktion nach dem Standardverhalten eines Elements

Ich denke, Sie stoßen auf eine Inkonsistenz in der Browser-Implementierung der onclickFunktion. Einige aktivieren das Kontrollkästchen, bevor das Ereignis ausgelöst wird, andere danach.

Die Antwort wurde bereits veröffentlicht. Aber wir können die Abfrage auch auf diese Weise verwenden

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');
    });
});

Mach es so

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

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