如何獲取檢查複選框數組的長度javascript

Question

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

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

如何僅使用JavaScript或jQuery檢查複選框？

Answer 1

用jQuery做會縮短代碼，並使其更具可讀性，可維護性和更容易理解。使用attribute selector與:checked選擇

Live Demo

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

Answer 2

jQuery的解決方案：

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

JavaScript解決方案：

var len = [].slice.call(document.querySelectorAll("[name='cbox[]']")) 
    .filter(function(e) { return e.checked; }).length; 

Answer 3

$('input:checked').length會怎麼做，如果你沒有任何其他輸入標籤不是以這種形式。

Answer 4

如果你想使用普通的JavaScript

var checkbox = document.getElementsByName('ckbox[]'); 
var ln = 0; 
for(var i=0; i< checkbox.length; i++) { 
    if(checkbox[i].checked) 
     ln++ 
} 
alert(ln) 

Answer 5

試試這個

jQuery的解決方案：

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

Answer 6

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); 

Answer 7

試試，

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

找到多少檢查，

$(boxes).size(); 

或

Answer 8

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

會工作，但不會工作，如果你是直接比較喜歡

if ($("[name='cbox[]']").length= $("[name='cbox[]']:checked").length) 

Answer 9

你也該做的

你必須定義checkBox的類，然後按照下面

var chkLength = $（'input.className：checked'）。length; alert（chkLength）;

這將打印總量不從列表複選框

Answer 10

你不妨使用下面還有

$('[name=cbox\\[\\]]:checked').length 

Answer 11

試試這個，

VAR ch_n = $（ 「輸入：勾選」） 。長度;