Tıklamada onay kutusunun işaretli OLMADIĞINI kontrol edin - jQuery

Bir kullanıcı tıkladığında bir onay kutusunun henüz işaretlenmemiş olup olmadığını kontrol etmek istiyorum. Bunun nedeni, bir kullanıcı bir onay kutusunun işaretini kaldırdığında bir doğrulama yapmak istememdir. Çünkü en az bir onay kutusunun işaretlenmesi gerekiyor. Yani sonuncunun işaretini kaldırırsa, otomatik olarak kendini tekrar kontrol eder.

JQuery ile kontrol edilip edilmediğini kolayca öğrenebilirim:

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

Ama aslında sadece bir onay kutusunun işaretli olup olmadığını kontrol eden bir if ifadesine sahip olmak istiyorum.

Bu yüzden bunu aşağıdaki kodla yapabileceğimi düşündüm:

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

Ancak bu her zaman 'kontrol edilmemiş' mesajı gösterecektir. Beklediğim gibi değil ...

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

Bu yüzden sonunda şöyle bir şeye ihtiyacım var:

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

Ama belli ki bu işe yaramıyor. İlk örneği kullanmak istemem çünkü o zaman sadece bir "if" ifadesine ihtiyacım olduğunda gereksiz bir "else" ifadesine sahip olurdum.

İlk olarak, bu bir jQuery hatası mı? Bana göre beklenmedik bir davranış. İkincisi, iyi bir alternatif arayan var mı?

Bunu dene:

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

demo

Zaten yayınlanan cevap işe yarayacaktır. JQuery'yi kullanmak istiyorsanız: bunu yapamazsınız:

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

veya

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

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

jQuery kontrol edilecek mi? Gerçekten mi?

if(!this.checked) {

Ustura işi yapmak için bazuka kullanmayın.

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

Buradan alınan kod: http://chandreshrana.blogspot.in/2015/10/how-to-check-if-checkbox-is-checked-or.html

Bu sorunun yanıtlarından bazılarına göz atın - sizinki için geçerli olabileceğini düşünüyorum:

bir elemanın varsayılan davranışından sonra tıklama işlevi nasıl çalıştırılır

Sanırım, onclickişlevin tarayıcı uygulamasında bir tutarsızlıkla karşılaşıyorsunuz . Bazıları, etkinlik tetiklenmeden önce ve bazıları sonra onay kutusunu değiştirmeyi seçer.

Cevap zaten gönderildi. Ancak jquery'yi bu şekilde de kullanabiliriz.

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

Böyle yap

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

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