利用javascript实现全选,不选和反选效果,这个不用多说,直接来代码,代码中自有注释帮你理解。
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> & lt;/title>
& lt; script>
窗口。onload=function () {//获取所有的按钮
var btn=document.getElementsByTagName(“按钮”);//获取所有的选项输入
var输入=document.getElementsByTagName(“输入”);//全选或者不选的时候调用此函数
函数有趣(国旗){
(var=0;i
& lt;/head>
& lt; body>
& lt; div id=" box1 "比;
& lt; button>全选& lt;/button>
& lt; button>不选& lt;/button>
& lt; button>反选& lt;/button>
& lt;/div>
& lt; div id=癰ox2”比;
& lt; ul>
& lt; li>选项1:& lt;输入类型=案囱】颉弊４? lt;/li>
& lt; li>选第二项:& lt;输入类型=案囱】颉弊４? lt;/li>
& lt; li>选第三项:& lt;输入类型=案囱】颉弊４? lt;/li>
& lt; li>选第四项:& lt;输入类型=案囱】颉弊４? lt;/li>
& lt; li>选项5:& lt;输入类型=案囱】颉弊４? lt;/li>
& lt; li>选项6:& lt;输入类型=案囱】颉弊４? lt;/li>
& lt; li>选项7:& lt;输入类型=案囱】颉弊４? lt;/li>
& lt; li>选项8:& lt;输入类型=案囱】颉弊４? lt;/li>
& lt; li>选项9:& lt;输入类型=案囱】颉弊４? lt;/li>
& lt;/ul>
& lt;/div>
& lt;/body>
& lt;/html>
之前
效果展示:
其他实现效果,自行查看!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
