jquery - チェックボックスは、チェックボックスがオンであるかどうかに関係なく、常にチェックされた状態で返されます。

Question

HTML：

<div id="appcheck">
  <input class="precheck" type="checkbox" /> 
  <input class="precheck" type="checkbox" />
  <input class="precheck" type="checkbox" />
</div>

チェックされていない結果を検出することになっているjQuery。not checkedチェックされているボックスの数に関係なく、常に3を返します。

$('input.precheck').each(function() {
  if($(this).not(':checked')) {
    console.log('not checked');
  }
});

Answer 1

isの代わりに+否定演算子を使用できます not。notブール値を返しません。jQueryオブジェクトを返し、ifステートメントは常にtrueです。

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

また：

if (!this.checked) {

次のようにコーディングすることもできます。

var notChecked = $('input.precheck').filter(function(){
   return !this.checked;
}).length;