如何使用jQuery變量，「輸入：檢查」

Question

我有這樣的代碼：

var counter = $(buildStep5 'input:checked').length; 

buildStep5是抱着我的HTML文檔中的第五形式標記的變量。我無法讓我的代碼行工作。

我想知道變量buildStep5內部有多少個複選框。

Answer 1

您可以使用jQuery選擇器的第二個參數來限制搜索。這可以是一個參考一個元素，或者它本身可以是一個字符串選擇器。

var buildStep5 = $('#form5'); 
var counter = $('input:checked',buildStep5).length 

或

var counter = $('input:checked','#form5').length 

這裏的一個（略做作）的例子。

var buildStep5 = $('#form5'); 
 
var counter = $("input:checked",buildStep5).length; 
 
alert(counter);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form></form> 
 
<form></form> 
 
<form></form> 
 
<form></form> 
 
<form id="form5"> 
 
    <input type="checkbox"><input type="checkbox"><input type="checkbox" checked><input type="checkbox" checked><input type="checkbox"> 
 
</form>

Answer 2

或者，如果不工作，做

var theFrm = buildStep5 + ' input:checked'; 
$(theFrm).length;