Question

我有这段代码：

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

buildStep5是一个包含HTML文档中第五个表单标记的变量。我无法让我的代码行工作。

我想获取一个数字，表示当前在变量buildStep5内检查了多少个复选框。

Answer 1

您可以使用jQuery选择器的第二个参数来限制搜索。这可以是元素的引用，也可以是字符串 selector 。

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;

如何使用'input：checked'的jQuery变量

2 个答案: