檢查點擊是否不勾選複選框 - jQuery

Question

我想檢查一下當用戶點擊它時是否取消選中複選框。原因是因爲我想在用戶取消選中複選框時進行驗證。因爲至少需要檢查一個複選框。所以如果他沒有選中最後一個，那麼它會自動再次檢查自己。

使用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!!! 
    } 
}); 

但很明顯這是行不通的。我寧願不使用第一個例子，因爲那時我只需要一個'if'語句就會有一個不必要的'else'語句。

所以第一件事，這是一個jQuery的bug？對我來說這是意想不到的行爲。其次，任何人都可以選擇一個好的選擇？

Answer 1

試試這個：

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

demo

Answer 2

jQuery來檢查檢查？真？

if(!this.checked) { 

不要使用火箭筒做一個剃鬚刀的工作。

Answer 3

已發佈的答案將有效。如果你想使用jQuery的：不是你可以這樣做：

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

或

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

Answer 4

檢查出一些這個問題的答案 - 我想這可能也適用於您：

how to run click function after default behaviour of a element

我認爲你遇到了onclick函數的瀏覽器實現中的不一致性。有些人選擇在事件被觸發前和之後觸發複選框。

Answer 5

做這樣的

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

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

Answer 6

答案已經發布。但是，我們可以使用jQuery的這種方式從這裏取也

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> 

代碼：http://chandreshrana.blogspot.in/2015/10/how-to-check-if-checkbox-is-checked-or.html