当点击每一个checkbox的时候，怎么实时获取被选中的个数？

Question

比如这么一些列表，随便点击一个就能获取已经选中的个数。

<input type="checkbox" name="checkbox">

<input type="checkbox" name="checkbox">

<input type="checkbox" name="checkbox">

<input type="checkbox" name="checkbox">

<input type="checkbox" name="checkbox">

<input type="checkbox" name="checkbox">

Answer 1

&nbsp; &nbsp; function test() {&nbsp; &nbsp; &nbsp; &nbsp; let checks = document.querySelectorAll('input[type=checkbox]');&nbsp; &nbsp; &nbsp; &nbsp; let n = 0;&nbsp; &nbsp; &nbsp; &nbsp; for(let i =0;i<checks.length;i++){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(checks[i].checked){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; n++&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; return n&nbsp; &nbsp; }&nbsp; &nbsp; let checks = document.querySelectorAll('input[type=checkbox]');&nbsp; &nbsp; for (let j =0;j<checks.length;j++){&nbsp; &nbsp; &nbsp; &nbsp; checks[j].onclick=function () {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(test());&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }

Answer 2

checkbox不是有一个属性checked，用来表示选中吗？你对每一个input判断是否有这个属性,如果有用一个计时器count保存下来，表示选中的个数就可以了。