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

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

js實現全選和全不選功能

瀏覽:110日期: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
相關文章:
主站蜘蛛池模板: 国产欧美日韩图片一区二区 | 国产激情久久久久久影院 | 久久精品夜色国产 | 国产精品视频一区二区三区 | 日韩中文字 | 欧美日韩视频一区二区三区 | 亚洲一级免费毛片 | 亚州一级毛片在线 | 国产日韩精品一区在线观看播放 | 精品久久久久久 | 三级午夜三级三点在看 | 成人综合在线视频 | 91久久香蕉| 毛片国产 | 久久免费视频网 | 国产91专区 | 91精品国产91久久久久 | 成人精品一区二区久久久 | 99er精品| 老湿菠萝蜜在线看 | 在线视免费频观看韩国aaa | wwwxxx黄色| 日日爱影院 | 香蕉521av网站永久地址 | 深夜福利国产福利视频 | 国产片毛片 | 久久国产夜色精品噜噜亚洲a | 久久久高清免费视频 | 91免费版网站 | 精品视频一区二区三区四区 | 亚洲高清在线看 | 国产亚洲欧美日韩在线看片 | 国产成人综合高清在线观看 | 三上悠亚免费一区二区在线 | 中文字幕亚洲一区 | 在线毛片网站 | 国产精自产拍久久久久久 | 久久精品国产精品亚洲人人 | 国产系列 视频二区 | 日本一级毛片视频无遮挡免费 | 亚洲国产精品一区二区三区久久 |