(脚本语言)利用javascript 或jquery选择checkbox控件

来源:互联网 发布:央视网络电视台手机版 编辑:程序博客网 时间:2024/05/16 07:04

利用javascript 或jquery选择checkbox控件

 

<head>
    <title></title>
    <script type="text/javascript">
        function check() {
            if (document.getElementById("Checkbox5").checked == true) {
                var arr = document.getElementsByName("check");
                for (var i = 0; i < arr.length; i++) {
                    if (arr[i].checked == false) {
                        arr[i].checked = true;
                    }
                }
            }
        }
    </script>
</head>
<body>
    <input id="Checkbox1" name="check" type="checkbox" />A<br />
    <input id="Checkbox2" name="check" type="checkbox" />B<br />
    <input id="Checkbox3" name="check" type="checkbox" />C<br />
    <input id="Checkbox4" name="check" type="checkbox" />D<br /><br />
    <input id="Checkbox5" type="checkbox" onclick="check()" />全选
</body>

 

 

<head>
    <title></title>
    <script src="Scripts/jquery-1.4.4-vsdoc.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#Checkbox5").click(function () {
                if ($("#Checkbox5").attr("checked")) {
                    $(".check").each(function () {
                        $(this).attr("checked",true);
                    });
                }
            });
        });
    </script>
</head>
<body>
    <input id="Checkbox1" class="check" type="checkbox" />A<br />
    <input id="Checkbox2" class="check" type="checkbox" />B<br />
    <input id="Checkbox3" class="check" type="checkbox" />C<br />
    <input id="Checkbox4" class="check" type="checkbox" />D<br />
    <input id="Checkbox5" type="checkbox" />全选
</body>

0 0
原创粉丝点击