jQueryを使用してページ上で選択されているチェックボックスの数を確認するには

Question

jQueryを使用して自分のページ上のチェックボックスの数を選択したいとします。

 var numberOfCheckboxesSelected = 0; 
     $(':checkbox').each(function(checkbox) { 
      if (checkbox.attr('checked')) 
       numberOfCheckboxesSelected++; 
     }); 

はしかし、メッセージと私のコードエラーうち3行目の「オブジェクトはこのプロパティまたはメソッドをサポートしていません」：私は、次のコードを書いています。

ページで選択されているチェックボックスの数をカウントするにはどうすればよいですか？

Answer 1

jQueryは、:checked疑似セレクタをサポートしています。

var n = $("input:checked").length; 

これは、ラジオボタンとチェックボックスで機能します。あなただけのチェックボックスをしたい、だけでなく、ページ上のラジオボタンを使用している場合：

var n = $("input:checkbox:checked").length; 

Answer 2

は、（任意の選択したラジオボタンのカウントを避けるために）これを試してみてください：

var numberOfCheckboxesSelected = $('input[type=checkbox]:checked').length; 

Answer 3

eachにコールバックに渡される最初の引数要素ではなくインデックスです。あなたはthisまたは第二引数を使用する必要があります。

$(':checkbox').each(function(idx, checkbox) { 
     if (checkbox.attr('checked')) 
      numberOfCheckboxesSelected++; 
}); 

はまた、これを行うための簡単な方法は、:checkedセレクタでのみ確認さの要素を選択し、選択のlengthプロパティをチェックすることです：

var numberOfCheckboxesSelected = $('input:checkbox:checked').length; 

Answer 4

$("input:checked").length 

これはチェックされたチェックボックスの数を返します。