js checkbox全选

代码 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>checkbox</title>
        <script languag="javascript" type="text/javascript">
            function check_all(obj, cName){
                var checkboxs = document.getElementsByName(cName);
                for (var i = 0; i < checkboxs.length; i++) {
                   //1. checkboxs[i].checked = obj.checked;
                    checkboxs[i].checked == true ? checkboxs[i].checked = false : checkboxs[i].checked = true;
                }
            }
        </script>
    </head>
    <body>
        <p>
            <input type="checkbox" name="all" onclick="check_all(this,'c')"/>你喜欢的水果(全选/全不选)
        </p>
        <p>
            <input type="checkbox" name="c" value="" /> 苹果
        </p>
        <p>
            <input type="checkbox" name="c" value="" /> 橘子
        </p>
        <p>
            <input type="checkbox" name="c" value="" /> 梨子
        </p>
        <p>
            <input type="checkbox" name="c" value="" /> 香蕉
        </p>
    </body>
</html>

 

posted on 2010-12-22 11:36  zzp  阅读(111)  评论(0)    收藏  举报