cuojing0496 2017-05-04 10:57 采纳率: 0%
浏览 2563

求助大神,复选框判断是否被选中的问题

 <html>
<title>无标题文档</title>

<script>
function dosum(){

    var a =document.getElementById('allbox');
    if(a.checked==true){
        document.getElementById('box1').checked =true;
        document.getElementById('box2').checked =true;
        document.getElementById('box3').checked =true;
        document.getElementById('box4').checked =true;
        document.getElementById('box5').checked =true;
        document.getElementById('box6').checked =true;
        document.getElementById('box7').checked =true;
    }

    function judgment(id){
        var codition = document.getElementById(id).checked;
        if(codition==false){
            document.getElementById('allbox').checked=false;
        }


    }




}

</script>
</head>
<body>
<form>
<input type="checkbox" id="allbox" onclick="dosum()"/>
全选
<br />
<br />
<input type="checkbox" name="box" id="box1" onclick="judgment(id)"/>酷睿i7处理器
<br />
价格:<input type="text" id="text1" value="2700"/>
<br />
<br />
<input type="checkbox" name="box" id="box2" onclick="judgment(id)"/>技嘉(GIGABYTE)B150M-D3H主板
<br />
价格:<input type="text" id="text1" value="700"/>
<br />
<br />
<input type="checkbox" name="box" id="box3" onclick="judgment(id)"/>安钛克(Antec)额定550W 模组电源
<br />
价格:<input type="text" id="text1" value="520"/>
<br />
<br />
<input type="checkbox" name="box" id="box4" onclick="judgment(id)"/>三星(SAMSUNG)C27F390FHC 27英寸
<br />
价格:<input type="text"  id="text1" value="1999"/>
<br />
<br />
<input type="checkbox" name="box" id="box5" onclick="judgment(id)"/>金士顿 Fury系列 DDR4 8G 台式机内存
<br />
价格:<input type="text" id="text1" value="799"/>
<br /> 
<br />
<input type="checkbox" name="box" id="box6" onclick="judgment(id)"/>雷霆世纪 水冷游戏组装电脑
<br />
价格:<input type="text" id="text1" value="6900"/>
<br />
<br />
<input type="checkbox" name="box" id="box7" onclick="judgment(id)"/>安钛克(Antec)额定550W 模组电源
<br />
价格:<input type="text" id="text1" value="500"/>
<br />
<br />

总价:<input type="text" id="alltext" />






</form>
</body>
</html>

设定是说当下面的小复选框有一个不被选中的时候上面的全选对勾就消失了,可是并没有。。不知道是错在哪里了,求解答。。新人。。小白。。。

  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2017-05-04 11:50
    关注
    
        function dosum() {
    
            var a = document.getElementById('allbox');
            if (a.checked == true) {
                document.getElementById('box1').checked = true;
                document.getElementById('box2').checked = true;
                document.getElementById('box3').checked = true;
                document.getElementById('box4').checked = true;
                document.getElementById('box5').checked = true;
                document.getElementById('box6').checked = true;
                document.getElementById('box7').checked = true;
            }
    
    
    
    
    
        }
        //放外面来,要不是私有函数只能dosum里面能访问到
        function judgment(id) {alert(id)
            var codition = document.getElementById(id).checked;
            if (codition == false) {
                document.getElementById('allbox').checked = false;
            }
        }
    
    评论

报告相同问题?

悬赏问题

  • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器
  • ¥15 电脑桌面设定一个区域禁止鼠标操作
  • ¥15 求NPF226060磁芯的详细资料