Как использовать переменную 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;