Überprüfen Sie, ob das Kontrollkästchen bei Klick nicht aktiviert ist - jQuery

Question

Ich möchte prü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 die letzte abhebt, überprüft er sich automatisch erneut.

Mit jQuery kann ich leicht herausfinden, ob es aktiviert ist oder nicht:

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

Aber ich möchte eigentlich nur eine if-Anweisung haben, wenn eine Checkbox deaktiviert ist jetzt noch überprüft. So

ich dachte ich, dass mit dem folgenden Code tun könnte:

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

Aber das wird immer zeigen die ‚unkontrollierte‘ betätigen. Nicht wirklich das, was ich erwartet hatte ...

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

So schließlich brauche ich so etwas wie:

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

Aber offensichtlich funktioniert das nicht. Ich möchte das erste Beispiel lieber nicht verwenden, denn dann hätte ich eine unnötige "else" -Anweisung, wenn ich nur eine "if" -Anweisung benötige.

Also zuerst, ist das ein jQuery-Bug? Ursache für mich ist unerwartetes Verhalten. Und zweitens, irgendjemand irgendwelche Ideale für eine gute Alternative?

Answer 1

Versuchen Sie folgendes:

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

demo

Answer 2

jQuery für aufgegebenes zu überprüfen? "Ja wirklich?"

if(!this.checked) { 

Verwenden Sie keine Bazooka, um einen Rasierer zu machen.

Answer 3

Die bereits gepostete Antwort funktioniert. Wenn Sie die jQuery verwenden möchten: nicht können Sie dies tun:

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

oder

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

Answer 4

prüfen auf diese Frage einige der Antworten - ich denke, es ist an Ihnen anwenden könnte:

how to run click function after default behaviour of a element

Ich denke, dass Sie in eine Inkonsistenz in der Browser-Implementierung der onclick Funktion stoßen. Einige wählen das Kontrollkästchen, bevor das Ereignis ausgelöst wird und einige danach.

Answer 5

Machen Sie es wie diese

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

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

Answer 6

Die Antwort bereits gebucht.Aber wir können die jquery auf diese Weise verwenden, auch

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

Answer 7

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

Answer 8

<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 genommen: http://chandreshrana.blogspot.in/2015/10/how-to-check-if-checkbox-is-checked-or.html