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 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能!!有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条
  • ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘