复选框多选

最新推荐文章于 2023-12-02 19:20:21 发布

代码那点事ing

最新推荐文章于 2023-12-02 19:20:21 发布

阅读量320

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_36925731/article/details/74529898

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>复选框多选</title>
    <style type="text/css">
        td
        {
            border:1px solid #0026ff;
        }
    </style>
    <script type="text/javascript">
        //全选
        function CheckAll(chk) {
            //查找所有的输入框
            var items = document.getElementsByTagName("input");
            //遍历所有的输入框
            for (var i = 0; i < items.length; i++)
            {
                //判断是否是复选框
                if (items[i].type == "checkbox") {
                    if (items[i].id.indexOf("sh") == -1)//不包含sh
                        items[i].checked = chk.checked;
                }
            }
        }
        //初始化
        function Init() {
            var userName = "admin";
            var txtKey = document.getElementById("txtKey");
            if (userName == "ad") {
                txtKey.removeAttribute("disabled");//删除属性
            } else {
                txtKey.setAttribute("disabled","disabled");
            }
        }
    </script>
</head>
<body οnlοad="Init()">
    关键字：<input type="text" id="txtKey"/>审核<input type="checkbox" id="sh"/>
    <input type="button" value="查找" />
    <table style="width:300px">
        <tr>
            <td><input type="checkbox" οnclick="CheckAll(this)"/>全选</td>
            <td>姓名</td>
            <td>年龄</td>
        </tr>
        <tr>
            <td><input type="checkbox" /></td>
            <td>刘毅</td>
            <td>20</td>
        </tr>
        <tr>
            <td><input type="checkbox" /></td>
            <td>牛牛</td>
            <td>23</td>
        </tr>
        <tr>
            <td><input type="checkbox"/></td>
            <td>赵六</td>
            <td>25</td>
        </tr>
    </table>
</body>
</html>

代码那点事ing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复选框多选

复选框多选 td { border:1px solid #0026ff; } //全选 function CheckAll(chk) { //查找所有的输入框 var items = document.getEleme
复制链接

扫一扫