跳转到主内容
极星编程网:以代码为星,赴技术山海!

详解JavaScript实现全选和反选的功能(附代码示例)

本篇文章给大家介绍原生js是怎么实现全选和反选的功能的,希望对需要的朋友有所帮助! 思路:首先我们获取节点
遍历每个节点 获取到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视频教程 】 使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件 如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更 下载

相关文章