
【JS】全选和全不选
发布日期:2021-05-12 22:13:30
浏览次数:18
分类:精选文章
本文共 1260 字,大约阅读时间需要 4 分钟。
全选/全不选功能实现 html代码示例:
<input type="checkbox" id="selectAll" onclick="checkAll(this.checked)"> <input type="checkbox" name="items_changeroute" onclick="cancelAll(this.checked)"> 1全选/全不选功能实现:
function checkAll(isChecked) { // 获取所有具有name属性为"items_changeroute"的输入元素 var code_Values = document.getElementsByName("items_changeroute"); for (i = 0; i < code_Values.length; i++) { if (code_Values[i].type === "checkbox") { // 将所有选项的checked属性设置为传入的参数值 code_Values[i].checked = isChecked; } } }功能说明:
当调用checkAll函数时,所有具有"items_changeroute"名称的checkbox都会被设置为指定的checked状态。 如果反选其中一个选项,调用cancelAll函数会将全选选项的checked属性重置为false。
注:以上代码示例展示了一个简单的全选/全不选功能实现,适用于多个checkbox控件的统一操作。通过checkAll函数可实现全选,通过cancelAll函数可实现反选时的全选取消功能。
发表评论
最新留言
很好
[***.229.124.182]2025年04月12日 08时18分48秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
responded with a status of 404 ()
2019-03-09
吴恩达机器学习课程笔记(英文授课) Lv.1 新手村(回归)
2021-05-12
pair的用法
2021-05-12
SQL基本操作命令
2021-05-12
强制类型转换原理
2021-05-12
伪类选择器
2021-05-12
C# WinForm程序退出的方法
2019-03-09
ubuntu安装gem和fastlane
2019-03-09
onFailure unexpected end of stream
2019-03-09
android 集成weex
2019-03-09
【echarts】中国地图china.js 在线引用地址
2019-03-09
Flex 布局的自适应子项内容过长导致其被撑大问题
2019-03-09
PL/SQL 动态Sql拼接where条件
2019-03-09
Lua-table 一种更少访问的安全取值方式
2019-03-09
虚函数
2019-03-09
菱形继承
2019-03-09
RTL设计- 多时钟域按顺序复位释放
2019-03-09