Kiểm tra xem hộp kiểm KHÔNG được chọn khi nhấp chuột - jQuery

Question

Tôi muốn kiểm tra xem một hộp kiểm có bị bỏ chọn hay không, khi người dùng nhấp vào nó. Lý do là vì tôi muốn thực hiện xác thực khi người dùng bỏ chọn hộp kiểm. Bởi vì ít nhất một hộp kiểm cần phải được kiểm tra. Vì vậy, nếu anh ta bỏ chọn cái cuối cùng, thì nó sẽ tự động kiểm tra lại chính nó.

Với jQuery tôi có thể dễ dàng tìm ra thời tiết nó kiểm tra hay không:

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

Nhưng tôi thực sự chỉ muốn có một câu lệnh if để kiểm tra nếu một hộp kiểm chỉ có được kiểm soát.

Vì vậy, tôi nghĩ rằng tôi có thể làm điều đó với đoạn mã sau:

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

Nhưng điều này sẽ luôn hiển thị thông báo 'đánh dấu'. Không thực sự những gì tôi đã mong ...

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

Vì vậy, cuối cùng tôi cần một cái gì đó như:

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

Nhưng rõ ràng điều này không hoạt động. Tôi không muốn sử dụng ví dụ đầu tiên, bởi vì sau đó tôi sẽ có một câu lệnh 'else' không cần thiết khi tôi chỉ cần một câu lệnh 'if'.

Điều đầu tiên, đây có phải là lỗi jQuery không? Nguyên nhân với tôi đó là hành vi bất ngờ. Và thứ hai, bất cứ ai có id cho một lựa chọn tốt?

Answer 1

Hãy thử điều này:

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

demo

Answer 2

jQuery để kiểm tra kiểm tra? Có thật không?

if(!this.checked) { 

Không sử dụng bazooka để thực hiện công việc của dao cạo.

Answer 3

Câu trả lời đã được đăng sẽ hoạt động. Nếu bạn muốn sử dụng jQuery: không bạn có thể làm điều này:

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

hoặc

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

Answer 4

Kiểm tra ra một số câu trả lời cho câu hỏi này - Tôi nghĩ rằng nó có thể áp dụng đối với bạn:

how to run click function after default behaviour of a element

Tôi nghĩ bạn đang gặp phải sự không thống nhất trong việc triển khai trình duyệt của hàm onclick. Một số chọn để chuyển đổi hộp kiểm trước khi sự kiện được kích hoạt và một số sau đó.

Answer 5

làm nó như thế này

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

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

Answer 6

câu trả lời đã đăng.Nhưng chúng ta có thể sử dụng jquery theo cách này cũng

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> 

Mã lấy từ đây: http://chandreshrana.blogspot.in/2015/10/how-to-check-if-checkbox-is-checked-or.html