(资料图)
思路:首先我们获取节点
遍历每个节点 获取到checked的属性然后我们通过改变checked的属性改变选中的状态全选的时候我们让他们都为true 反选的时候我们使用!达到效果
本次使用到的知识点有:
document.getElementsByName(‘name属性’):选中所有的name为name属性的的元素节点对象document.getElementById("id名称"): 通过id名称获取一个元素节点对象onclick:鼠标点击事件
html部分:
全选足球篮球羽毛球反选
js部分
var items = document.getElementsByName("items");var quan = document.getElementById("quan");var fan = document.getElementById("fan");function fan1(){ var index = 0; for(var i =0;i相关推荐:【JavaScript视频教程】
以上就是详解JavaScript实现全选和反选的功能(附代码示例)的详细内容,更多请关注php中文网其它相关文章!