js之DOM练习题

最新推荐文章于 2023-02-06 09:55:54 发布

转载最新推荐文章于 2023-02-06 09:55:54 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/heviny/p/10821812.html

文章标签：

#javascript #ViewUI

此博客为转载内容，转载自https://www.cnblogs.com/heviny/p/10821812.html ，涉及JavaScript相关知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<!--
需求:
    1.写三个按钮：
        第一个全选
        第二个取消全选
        第三个反选
   
-->
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        function allSelect(){
            var arr = document.getElementsByTagName("input");
            for(var i in arr){
                arr[i].checked=true;
            }
        }
        function allNotSelect(){
            var arr = document.getElementsByTagName("input");
            for(var i in arr){
                arr[i].checked=false;
            }
        }
        function reverseAll(){
            var arr = document.getElementsByTagName("input");
            for(var i in arr){
                arr[i].checked=!(arr[i].checked);
            }
        }

    </script>
</head>
<body>

<input type="button" value="全选" onclick="allSelect()"/>
<input type="button" value="取消全选" onclick="allNotSelect()"/>
<input type="button" value="反选" onclick="reverseAll()"/>
<hr/>
<input type="checkbox" name="song" checked="checked"/> 铁血丹心<br/>
<input type="checkbox" name="song"/> 火<br/>
<input type="checkbox" name="song"/> 大海<br/>
<input type="checkbox" name="song"/> 好汉歌<br/>
<input type="checkbox" name="song"/> 我们不一样<br/>
<input type="checkbox" name="song"/> 成都<br/>
<input type="checkbox" name="song"/> 半壶纱<br/>
<input type="checkbox" name="song"/> 你还要我怎样<br/>
<input type="checkbox" name="song"/> 一生所爱<br/>
<input type="checkbox" name="song"/> 追光者<br/>
</body>
</html>

转载于:https://www.cnblogs.com/heviny/p/10821812.html