我的示例是计算页面上的每个复选框。如何使用jQuery计算next/sibling元素上选中的复选框?
PS:我希望这可以在一个页面上的多个表单上工作,而不需要调用元素(表单)ID。
$(document).ready(function() {
function countChecked() {
var tCount = $("input:checked").length;
$(".totalchecked").text( tCount + ' selected');
}
countChecked();
var tCheck = $(".totalchecked");
$(tCheck).next().find(":checkbox").click(countChecked);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>form 1:
<div class="totalchecked">0 selected</div>
<div>
<input type="checkbox" class="class" name="1">
<input type="checkbox" class="class" name="2">
<input type="checkbox" class="class" name="3">
</div>
</div>
<div>form 2:
<div class="totalchecked">0 selected</div>
<div>
<input type="checkbox" class="class" name="4">
<input type="checkbox" class="class" name="5">
<input type="checkbox" class="class" name="6">
</div>
</div>
/ 更新 /
我想要这样的东西。
4条答案
按热度按时间nr7wwzry1#
检查此工作样本:
bhmjp9jg2#
希望这对你有帮助!
nafvub8i3#
这是我自己的解决方案,希望能对大家有所帮助。
k4ymrczo4#