为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

德玛西亚99 2019-02-27 16:57:54
比如这么一些列表,随便点击一个就能获取已经选中的个数。<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">
查看完整描述

2 回答

?
婷婷同学_

TA贡献1844条经验 获得超8个赞

    function test() {

        let checks = document.querySelectorAll('input[type=checkbox]');

        let n = 0;

        for(let i =0;i<checks.length;i++){

            if(checks[i].checked){

                n++

            }

        }


        return n

    }


    let checks = document.querySelectorAll('input[type=checkbox]');

    for (let j =0;j<checks.length;j++){

        checks[j].onclick=function () {

            console.log(test());

        }

    }


查看完整回答
反对 回复 2019-03-07
?
子衿沉夜

TA贡献1828条经验 获得超3个赞

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


查看完整回答
反对 回复 2019-03-07
  • 2 回答
  • 0 关注
  • 1118 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号