js实现全选、反选、全不选

拾风客

于 2020-11-24 16:03:10 发布

阅读量212

点赞数 2

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/lcjjy666/article/details/110084532

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
<head>
    <title>全选 反选 全不选</title>
    <script type="text/javascript">
        function changeFav(oper){
            var favs=document.getElementsByName("fav");
            if(oper=="all"){ //全选
                for(var i=0;i<favs.length;i++){
                    favs[i].checked="checked";
                }
            }else{
                if(oper=="none"){ //全不选
                    for(var i=0;i<favs.length;i++){
                        favs[i].checked="";
                    }
                }else{  //反选
                    for(var i=0;i<favs.length;i++){
                        favs[i].checked=!favs[i].checked;
                    }
                }
            }
        }
    </script>
</head>
<body>
   <p><input type="button" value="全选" onclick="changeFav('all')">
       <input type="button" value="反选" onclick="changeFav('reverse')">
       <input type="button" value="全不选" onclick="changeFav('none')">
   </p>
   <p>爱好：</p>
   <p> <input name="fav" type="checkbox" value="1"> 篮球
       <input name="fav" type="checkbox" value="2"> 足球
       <input name="fav" type="checkbox" value="3"> 羽毛球
       <input name="fav" type="checkbox" value="4"> 橄榄球
       <input name="fav" type="checkbox" value="5"> 排球
   </p>
</body>
</html>

拾风客

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
js实现全选、反选、全不选

<html><head> <title>全选反选全不选</title> <script type="text/javascript"> function changeFav(oper){ var favs=document.getElementsByName("fav"); if(oper=="all"){ //全选 for(var
复制链接

扫一扫