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

Question 1

Tôi muốn kiểm tra xem một hộp kiểm vừa được bỏ chọn khi người dùng nhấp vào nó. Lý do cho điều này 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. Vì ít nhất một hộp kiểm cần được chọn. 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.

Với jQuery, tôi có thể dễ dàng tìm hiểu xem nó đã được kiểm tra hay chưa:

$('#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 xem một hộp kiểm vừa được bỏ chọn hay không.

Vì vậy, tôi nghĩ rằng tôi có thể làm điều đó với 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 'không được chọn'. Không thực sự như những gì tôi mong đợi ...

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 là điều này không hiệu quả. Tôi không muốn sử dụng ví dụ đầu tiên, 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'.

Vì vậy, điều đầu tiên, đây có phải là một lỗi jQuery không? Nguyên nhân đối với tôi đó là hành vi không mong đợi. Và thứ hai, có ai muốn tìm một giải pháp thay thế tốt không?

Question 2

Thử đi:

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

bản giới thiệu

Question 3

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

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

hoặc là

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

Question 4

jQuery để kiểm tra xem đã kiểm tra chưa? Có thật không?

if(!this.checked) {

Không sử dụng bazooka để làm công việc của một dao cạo râu.

Question 5

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

Question 6

<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

Question 7

Hãy xem một số câu trả lời cho câu hỏi này - Tôi nghĩ nó có thể áp dụng cho câu hỏi của bạn:

cách chạy chức năng nhấp chuột sau hành vi mặc định của một phần tử

Tôi nghĩ rằng bạn đang gặp phải sự mâu thuẫn trong việc triển khai onclickchức năng của trình duyệt . 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 đó.

Question 8

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

bản giới thiệu

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

Question 9

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

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

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