15 
<form name='form1' >
   <input type=checkbox name='cbox[]' />
</form>

<script>    
   var checkbox = document.getElementsByName('ckbox[]')
   var ln = checkbox.length
   alert(ln)
</script>

JavaScriptまたはjQueryでチェックされたチェックボックスのみをカウントするにはどうすればよいですか?

4

11 に答える 11

35

jQueryでそれを行うと、コードが短縮され、読みやすく、保守しやすく、理解しやすくなります。：checkedセレクターで属性セレクターを使用する

ライブデモ

$('[name="cbox[]"]:checked').length
于 2013-02-27T11:06:18.143 に答える
7

プレーンJavaScriptを使用したい場合

var checkbox = document.getElementsByName('ckbox[]');
var ln = 0;
for(var i=0; i< checkbox.length; i++) {
    if(checkbox[i].checked)
        ln++
}
alert(ln)
于 2013-02-27T11:07:08.027 に答える
4

jQueryソリューション：

var len = $("[name='cbox[]']:checked").length;

JavaScriptソリューション：

var len = [].slice.call(document.querySelectorAll("[name='cbox[]']"))
    .filter(function(e) { return e.checked; }).length;
于 2013-02-27T11:05:32.613 に答える
1

$('input:checked').lengthこのフォーム以外の入力タグがない場合に実行されます。

于 2013-02-27T11:06:27.090 に答える
1

これを試して

jQuery ソリューション:

var len = $(":checked",$("input[name='cbox[]']")).size();
于 2013-02-27T11:08:33.720 に答える
1 
var fobj = document.forms[0];

var c = 0;
for (var i = 0; i < formobj.elements.length; i++)
{
if (fobj.elements[i].type == "checkbox")
{
if (fobj.elements[i].checked)
{
c++;
}
}       
}

alert('Total Checked = ' + c);
于 2013-02-27T11:11:22.360 に答える
0

試してみる、

var boxes = $('input[name="cbox[]"]:checked');

チェックされている数を見つけ、

$(boxes).size();

また

$(boxes).length();
于 2013-02-27T11:13:50.627 に答える
0 
var len = $("[name='cbox[]']:checked").length;

動作しますが、次のように直接比較している場合は動作しません

if ( $("[name='cbox[]']").length= $("[name='cbox[]']:checked").length)
于 2013-12-11T01:08:24.713 に答える
0

あなたもこれで

checkBox のクラスを定義してから、以下に従う必要があります

var chkLength = $('input.className:checked').length; アラート (chkLength);

これにより、リストからチェックボックスの総数が出力されます

于 2014-08-09T09:46:55.373 に答える