js全選和反選

時間  2019-12-25
標籤 全選 欄目 JavaScript 简体版
原文   原文鏈接

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" href="css/all.css" />
    </head>
    <body>
        <label for="all">全選</label>
        <input type="radio" name="check" id="all" value="" onclick="chec();"/>
        <label for="only">反選</label>
        <input type="radio" name="check" id="only"value="" onclick="nochec();"/><br />
        <input type="checkbox" name="" id="" value="" />
        <input type="checkbox" name="" id="" value="" />//可複製多個
    </body>
    <script type="text/javascript">javascript

//全選和反選在點擊時讓其checked爲true
    var inp = document.getElementsByTagName("input");
        function chec(){//全選狀態
            for(var i =2;i < inp.length;i++){                
                inp[i].checked = true;
            }
        }
        function nochec(){//反選
            for(var i =2;i < inp.length;i++){                
                inp[i].checked = false;
            }
        }
    </script>
</html>
 css

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程