全選複選框

標籤：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>