码迷,mamicode.com
首页 > 其他好文 > 详细

全选复选框

时间:2014-08-18 20:18:32      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:http   java   os   io   for   ar   cti   html   

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
    function selectAll(){
        var qx = document.getElementById("c");
        var goods = document.getElementsByName("good");
         if(qx.checked == true){
            for(var i = 0;i<goods.length;i++){
                goods[i].checked = true;
            }
        }else{
            for(var i = 0;i<goods.length;i++){
                goods[i].checked = false;
            }
        }     
    }
    
    function check(){
        var flag = true;
        var qx = document.getElementById("c");
        var goods = document.getElementsByName("good");
        for(var i = 0;i<goods.length;i++){
            if(goods[i].checked == false){
                flag = false;
                break;
            }
        }
        if(flag){
        qx.checked = true;
        }else{
            qx.checked = false;
        }
    }
</script>
</head>
<body>
    <input type="checkbox" onclick="selectAll()" id="c">全选&nbsp;&nbsp;&nbsp;&nbsp;全部商品<br>
    <input type="checkbox" name="good"  onclick="check()">鸡蛋<br>
    <input type="checkbox" name="good"   onclick="check()">鸭蛋<br>
    <input type="checkbox" name="good"   onclick="check()">鹅蛋<br>
</body>
</html>

全选复选框,布布扣,bubuko.com

全选复选框

标签:http   java   os   io   for   ar   cti   html   

原文地址:http://www.cnblogs.com/siashan/p/3920233.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!