>首页> IT >

【天天快播报】详解JavaScript实现全选和反选的功能(附代码示例)

时间:2022-08-06 15:47:31       来源:转载


(资料图)

思路:首先我们获取节点

遍历每个节点 获取到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中文网其它相关文章!

关键词: 相关文章 视频教程 首先我们