ตรวจสอบว่าไม่ได้เลือกช่องทำเครื่องหมายเมื่อคลิก - jQuery

ฉันต้องการตรวจสอบว่าช่องทำเครื่องหมายถูกยกเลิกการเลือกหรือไม่เมื่อผู้ใช้คลิกที่ช่องนั้น สาเหตุนี้เป็นเพราะฉันต้องการทำการตรวจสอบความถูกต้องเมื่อผู้ใช้ยกเลิกการเลือกช่องทำเครื่องหมาย เนื่องจากต้องเลือกช่องทำเครื่องหมายอย่างน้อยหนึ่งช่อง ดังนั้นหากเขายกเลิกการเลือกรายการสุดท้ายระบบจะตรวจสอบตัวเองอีกครั้งโดยอัตโนมัติ

ด้วย jQuery ฉันสามารถค้นหาได้อย่างง่ายดายว่ามีการตรวจสอบหรือไม่:

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

แต่จริงๆแล้วฉันต้องการเพียงคำสั่ง if ที่ตรวจสอบว่าช่องทำเครื่องหมายไม่ถูกเลือกหรือไม่

ดังนั้นฉันคิดว่าฉันสามารถทำได้ด้วยรหัสต่อไปนี้:

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

แต่จะแสดงข้อความ "ไม่เลือก" เสมอ ไม่ใช่สิ่งที่ฉันคาดหวังจริงๆ ...

การสาธิต: http://jsfiddle.net/tVM5H/

ในที่สุดฉันก็ต้องการบางสิ่งเช่น:

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

แต่เห็นได้ชัดว่าสิ่งนี้ไม่ได้ผล ฉันไม่ต้องการใช้ตัวอย่างแรกเพราะฉันมีคำสั่ง 'else' ที่ไม่จำเป็นเมื่อฉันต้องการคำสั่ง 'if' เพียงคำสั่งเดียว

อย่างแรกนี่เป็นบั๊ก jQuery หรือไม่? เพราะฉันเป็นพฤติกรรมที่ไม่คาดคิด และประการที่สองมีใครเป็นตัวแทนสำหรับทางเลือกที่ดี?

ลองสิ่งนี้:

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

การสาธิต

คำตอบที่โพสต์แล้วจะใช้ได้ หากคุณต้องการใช้ jQuery: คุณไม่สามารถทำได้:

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

หรือ

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

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

jQuery เพื่อตรวจสอบการตรวจสอบ? จริงๆ?

if(!this.checked) {

อย่าใช้รถถังในการทำมีดโกน

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

รหัสนำมาจากที่นี่: http://chandreshrana.blogspot.in/2015/10/how-to-check-if-checkbox-is-checked-or.html

ลองดูคำตอบบางส่วนสำหรับคำถามนี้ - ฉันคิดว่าอาจใช้ได้กับคุณ:

วิธีเรียกใช้ฟังก์ชันคลิกหลังจากพฤติกรรมเริ่มต้นขององค์ประกอบ

ฉันคิดว่าคุณกำลังประสบความไม่สอดคล้องกันในการใช้งานonclickฟังก์ชันของเบราว์เซอร์ บางคนเลือกที่จะสลับช่องทำเครื่องหมายก่อนที่กิจกรรมจะเริ่มและบางส่วนหลังจากนั้น

คำตอบถูกโพสต์แล้ว แต่เราสามารถใช้ jquery ในลักษณะนี้ได้เช่นกัน

การสาธิต

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

ทำแบบนี้

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

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