呀呼!呀呼! 2022-08-31 15:01 采纳率: 92.3%
浏览 71
已结题

JS鼠标单击事件绑定失败?

问题相关代码,请勿粘贴截图
<script type="text/javascript">
window.onload=function(){
                var allselectbox=document.getElementById("allSelect")
                var    habitsContainer=document.getElementsByName("habit");
                allselectbox.onclick=function(){
                for(var i=0;i<habitsContainer.length;i++){
                    habitsContainer[i].checked=allselectbox.checked;
                }
                }
                var count=habitsContainer.length;
                var selectcount=0;
                for(var i=0;i<habitsContainer.length;i++){
                habitsContainer[i].onclick=function(){
                    console.log("click");
                    for(var i=0;i<habitsContainer.length;i++){
                        console.log("!");
                    if(habitsContainer[i].checked){
                        selectcount++;
                        console.log(selectcount);
                    }
                    }
                }
                }
                    for(var i=0 ;i<habitsContainer.length;i++){
                        habitsContainer[i].onclick=function(){
                            if(selectcount==count){
                                allselectbox.checked=true;
                            }
                            else{
                                allselectbox.checked=false;
                            }
                        }
                    }
            }
        </script>

选择你的爱好:
<input type="checkbox" name="habit" id="habit1" value="watchMovie" />看电影
<input type="checkbox" name="habit" id="habit2" value="easeMusic" />网易云
<input type="checkbox" name="habit" id="habit3" value="lol" />LeagueofLegends
<input type="checkbox" name="habit" id="habit4" value="eatYummyFood" />吃好吃的
<input type="checkbox" name="habit" id="habit5" value="saunter" />逛街
<input type="checkbox" id="allSelect" />全选

运行结果及报错内容 :
在JS代码第十三行为habit复选框绑定了鼠标单击事件之后的console.log("click");是我用于看是否事件绑定成功的,结果是即使是我点击了这个habit复选框都是控制台还是没有输出click的输出信息。
以及后面的console.log("!");和 console.log(selectcount);都没有,这是为什么?

  • 写回答

3条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 9月8日
      • 已采纳回答 8月31日
      • 创建了问题 8月31日

      悬赏问题

      • ¥20 snmpv3相关提问
      • ¥20 boost电路升压频率和占空比选择
      • ¥15 找个人工智能的大佬咨询一些毕设问题
      • ¥15 需要教程:GD32F450I移植无系统lwip
      • ¥15 中文语料库检索构式 求助
      • ¥15 关于naver点击量信息
      • ¥15 Linux gcc升级问题
      • ¥100 如何封禁域名,让app打不开呢?
      • ¥15 通过安卓命令如何打开控制中心
      • ¥15 Nginx 配合Django 丢样式