JavaScript中getElementsByName

最新推荐文章于 2023-09-05 20:41:33 发布

李sy同学

最新推荐文章于 2023-09-05 20:41:33 发布

阅读量1k

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_47511190/article/details/118685901

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //document.getElementsByName根据指定的name属性查询返回多个标签对象的集合
        //这个集合的操作和数组一样
        //集合中每个元素都是dom对象
        //这个集合中的元素顺序是他们在html页面中从上到下的顺序
        function checkAll(){
            var hobbys=document.getElementsByName("hobby");
            //checked表示复选框的选中状态，如果选中是true，不选中是false
            //check属性刻度可写
            //alert(hobbys[0].checked);
            for(var i=0;i<hobbys.length;i++){
                hobbys[i].checked=true;
            }

        }

        function checkNo(){
            var hobbys=document.getElementsByName("hobby");
            //alert(hobbys[0].checked);
            for(var i=0;i<hobbys.length;i++){
                hobbys[i].checked=false;
            }
        }

        function checkReverse(){
            var hobbys=document.getElementsByName("hobby");
            //alert(hobbys[0].checked);
            for(var i=0;i<hobbys.length;i++){

                hobbys[i].checked=!hobbys[i].checked;

                // if(hobbys[i].checked==true) {
                //     hobbys[i].checked = false;
                // } else {
                //     hobbys[i].checked = true;
                // }
            }
        }
    </script>
</head>
<body>
    兴趣爱好：
        <input type="checkbox" name="hobby" value="cpp">c++
        <input type="checkbox" name="hobby" value="java">java
        <input type="checkbox" name="hobby" value="js">JavaScript
        <br>
        <button onclick="checkAll()">全选</button>
        <button onclick="checkNo()">全不选</button>
        <button onclick="checkReverse()">反选</button>
</body>
</html>

李sy同学

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中getElementsByName

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> //document.getElementsByName根据指定的name属性查询返回多个标签对象的集合 //这个集合的操作和数组一样 //集合中每个元素都是dom对象
复制链接

扫一扫