国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

js實現全選和全不選功能

瀏覽:111日期:2024-04-28 11:18:06

本文實例為大家分享了js實現全選和全不選的具體代碼,供大家參考,具體內容如下

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>操作復選框</title></head><body><input type='checkbox' id='quan'> 全選<br><input type='checkbox' name='aihao'>游戲<br><input type='checkbox' name='aihao'>睡覺<br></body></html><script type='text/javascript'> window.onload=function () { var firstChecbox = document.getElementById('quan'); var aihao=document.getElementsByName('aihao'); //完成全選和全不選 //當單擊全選時使下方的checkbox中的checked屬性為true firstChecbox.onclick=function () { //遍歷下方的checkbox //使每一個復選框的屬性中的checked和全選的屬性保持一致即可實現(不完善) for (let i = 0; i <aihao.length ; i++) { aihao[i].checked=firstChecbox.checked; } } //如果選中的數量和愛好的總數量一致的就把全選給選中,否則不全選 //為每一個aihao綁定單擊事件 var all=aihao.length; for (let i = 0; i < aihao.length; i++) { //綁定單擊事件 aihao[i].onclick=function () { //定義選中的數量 var checkedCount=0; for (let i = 0; i < aihao.length; i++) { //如果愛好選中就把選中的數量+1; if (aihao[i].checked){ checkedCount++; } //如果選中的數量和總數相當就把全選給勾選 if (checkedCount==all){ firstChecbox.checked=true } else{ firstChecbox.checked=false; } } } } }</script>

更多關于復選框的文章請點擊專題:javascript復選框操作匯總、jquery復選框操作匯總

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 日韩成人黄色片 | 国产精品hd免费观看 | 成人小视频在线观看免费 | 久久综合给合久久狠狠狠97色69 | 国产精品一区伦免视频播放 | 欧美视频www | 精品自拍视频在线观看 | 1024香蕉国产在线视频 | 国产欧美综合精品一区二区 | 亚洲成人国产精品 | a一区二区三区视频 | 国产精品国色综合久久 | 狠狠色婷婷丁香综合久久韩国 | 国产视频高清在线观看 | 中国美女隐私无遮挡免费视频 | 国产特黄特色的大片观看免费视频 | 全部aⅴ极品视觉盛宴精品 全部免费a级毛片 | 男女视频免费在线观看 | 精品综合久久久久久99 | 美女视频全部免费 | 韩国美女爽快一毛片免费 | 欧美aaaaaaaaaa | 亚洲精品日本高清中文字幕 | 国产成人亚洲综合91精品555 | 波多野结衣中文一区二区免费 | 九九综合九九 | 国内精品不卡一区二区三区 | 日韩 亚洲 制服 欧美 综合 | 欧美成人高清性色生活 | 亚洲精品国产成人7777 | 国产精品久久做爰 | 免费一级α片在线观看 | 草久久免费视频 | 久草新视频| 中文字幕一区二区在线视频 | 精品在线99 | 精品国产高清不卡毛片 | 国产三区视频在线观看 | 久久依人 | 国产成人精品免费视频大全可播放的 | 中文字幕乱码在线观看 |