jQuery:在表中检查输入计数

Question

我正在尝试获取我选择的机器数量。

这里我们有一个虚拟机列表，我想计算一下选择，当我按下输入键时，有被检查的元素。

我试过了，但是不工作。

$("table input[type=checkbox]").click(function(){
let nbchecked = $("table input[type='checkbox']:checked").length;
console.log(nbchecked);
let len = nbchecked.length;
$(".counter").html(nbchecked); //inject the number of vm checked in the div
});

我是javascript和jquery的初学者，我不知道如何做到这一点。我需要你的帮助，拜托

Answer 1

它工作，发布你的html plz

$("table input[type=checkbox]").click(function(){
let nbchecked = $("table input[type='checkbox']:checked").length;
console.log(nbchecked);
let len = nbchecked.length;
$(".counter").html(nbchecked); //inject the number of vm checked in the div
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table" id="vm_table">
<tbody>
<tr>
<td>
<label for="id_vms_1">
<input type="checkbox" name="vms" value="12" id="id_vms_1"> vm1
</label>
</td>
</tr>
<tr>
<td>
<label for="id_vms_2">
<input type="checkbox" name="vms" value="13" id="id_vms_2"> vm2
</label>
</td>
</tr>
<tr>
<td>
<label for="id_vms_3">
<input type="checkbox" name="vms" value="14" id="id_vms_3"> vm3
</label>
</td>
</tr>
</tbody>
</table>
<div class="counter"></div>