基于Java脚本语言实现全选、不选和反选效果
利用爪哇岛描述语言实现全选、不选和反选效果,这个不用多说,直接来代码,代码中自有注释帮你理解。
html head meta charset=' UTF-8 '标题/标题脚本窗口。onload=function(){//获取所有的按钮var btns=文档。getelementsbytagname(' button ');//获取所有的选项输入var输入=文档。getelementsbytagname(' input ');//全选或者不选的时候调用此函数函数fun(flag){ for(var I=0;iinputes . lentigi){ 0输入[i].选中=标志;} } //获取第一个按钮"全选BTN[0].onclick=function(){ fun(true);} //获取第二个按钮'不选btns[1].onclick=function(){ fun(false);} //获取第三个按钮"反选" BTN[2].onclick=function(){ //遍历所有的选项,判断每一个选项是否被选中for(var I=0;iinputes . lentigi){ 0输入[i].选中==真?输入[i].选中=假:输入[i].选中=真;} } }/脚本/头体div id='box1 '按钮全选/按钮按钮不选/按钮按钮反选/button /div div id='box2' ul li选项1:输入类型='复选框/li li选项2:输入类型='复选框/li li选项3:输入类型='复选框/li li选项4:输入类型='复选框/li li选项5:输入类型='复选框/li li选项6:输入类型='复选框/li li选项7:输入类型='复选框/li li选项8:输入类型='复选框/li li选项9:输入类型='复选框/li /ul /div /body/html效果展示:
其他实现效果,自行查看!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
版权声明:基于Java脚本语言实现全选、不选和反选效果是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。