JavaScript基础复选框的全选和反选

来源：互联网发布：软件企业所得税编辑：程序博客网时间：2024/05/17 22:11

复选框的全选和反选

图片

这里写图片描述

代码块

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>        <script>            window.onload = function(){                selAll = document.getElementById("selAll");                hobbys = document.getElementsByName("hobby");                fx = document.getElementById("fx");                //全选事件                selAll.onclick = function(){                    //全选                    if(selAll.checked == true){                        for (var i=0;i<hobbys.length;i++) {                            hobbys[i].checked = true;                        }                    }else{                        for (var i=0;i<hobbys.length;i++) {                            hobbys[i].checked = false;                        }                    }                }                //反选                fx.onclick = function(){                    for (var i=0;i<hobbys.length;i++) {                            var b = hobbys[i];                            if(b.checked == true){                                b.checked = false;                            }else{                                b.checked = true;                            }                        }                }            }        </script>    </head>    <body>        <input type="checkbox" name="" id="selAll" />全选        <button id="fx">反选</button>        <br>        <input type="checkbox" name="hobby" />篮球        <input type="checkbox" name="hobby" />足球        <input type="checkbox" name="hobby" />乒乓球        <input type="checkbox" name="hobby" />羽毛球    </body></html>

阅读全文

0 0

JavaScript基础 复选框的全选和反选

复选框的全选和反选

图片

代码块

JavaScript基础复选框的全选和反选