当前在线人工客服
天达云-技术
QQ:1324027256
天达云-技术
QQ:1902643386
天达云-售前
QQ:1650874901
天达云-售前
QQ:2207995833
天达云-合作
QQ:1984186903
天达云微信小程序
400-837-6568

jQuery一句话实现多选框全选/取消
更新:HHH   时间:2023-1-7


<title>jQuery一句话实现多选框全选/取消</title>
 <script src="jquery-1.8.2.js" type="text/javascript"></script>
    <script type="text/javascript">
        function selectAll(obj) {               //$('input[type=checkbox]').attr('checked'(checkbox).attr('checked'));

//此处最好是用getElementsByName去取相关标签属性,用getElementById根据id去取是不行的,没有效果。
            var arr = window.document.getElementsByName("obj");
            //var arr = window.document.getElementById("obj");
            for (var i = 0; i < arr.length; i++) {
                arr[i].checked = obj.checked;
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="checkbox" name="obj" />
        全选<br />
        <input type="checkbox" name="obj" /><br />
        <input type="checkbox" name="obj" /><br />
        <input type="checkbox" name="obj" /><br />
        <input type="checkbox" name="obj" /><br />
        <input type="checkbox" name="obj" /><br />
        <input type="checkbox" name="obj" /><br />
        <input type="checkbox" name="obj" /><br />
        <input type="checkbox" name="obj" /><br />
        <input type="checkbox" name="obj" /><br />
    </div>
    </form>
</body>
</html>
 

返回web开发教程...