在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 當(dāng)點(diǎn)擊每一個(gè)checkbox的時(shí)候，怎么實(shí)時(shí)獲取被選中的個(gè)數(shù)？

當(dāng)點(diǎn)擊每一個(gè)checkbox的時(shí)候，怎么實(shí)時(shí)獲取被選中的個(gè)數(shù)？

比如這么一些列表，隨便點(diǎn)擊一個(gè)就能獲取已經(jīng)選中的個(gè)數(shù)。

<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">
回答
編輯回答
哎呦喂

checkbox不是有一個(gè)屬性checked，用來(lái)表示選中嗎？你對(duì)每一個(gè)input判斷是否有這個(gè)屬性,如果有用一個(gè)計(jì)時(shí)器count保存下來(lái)，表示選中的個(gè)數(shù)就可以了。

2017年9月22日 23:57
編輯回答
別傷我

可以給input 加一個(gè)父級(jí)，使用事件委托
function fn(n){
//。。。。個(gè)數(shù)需要進(jìn)一步做什么

console.log(n);

}
//checkParent是包括input的父節(jié)點(diǎn)
checkParent.onclick = function(){

var num = 0;
for(var i = 0; i<checks.length;i++){
    if(checks[i].checked){
        num ++;
    }
}
fn(num);

}

2018年1月4日 20:29
編輯回答
葬憶
    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());
        }
    }
2018年9月6日 00:01