我正在嘗試獲取我選擇的機器數量。
虛擬機串列
在這里，我們有一個虛擬機串列，我想計算當我按下輸入時有被選中元素的選擇。
我試過這個但沒有用。
$("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 的初學者，我不知道該怎么做。我需要你的幫助
//this is my html, the input are generated by django in a loop.
<div class="counter"></div>
<table class="table" id="vm_table">
{% for i in form.vms %}
<tr>
<td class="clickable_vm">{{ i }}</td>
</tr>
{% endfor %}
</table>
uj5u.com熱心網友回復：
這是我的 html，輸入是由 django 回圈生成的。
<div class="counter"></div>
<table class="table" id="vm_table">
{% for i in form.vms %}
<tr>
<td class="clickable_vm">{{ i }}</td>
</tr>
{% endfor %}
</table>
uj5u.com熱心網友回復：
它有效，請發布您的 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>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/322549.html
標籤：javascript 查询