zoukankan
html css js c++ java
[原] 页面checkbox “全选定” 和 “全取消” 操作的实现(JavaScript)
Web开发时,页面上常常需要对checkbox实现全选定 和 全取消的操作。
页面的HTML代码
<
input
type
='checkbox'
name
='info'
value
='a'
>
<
input
type
='checkbox'
name
='info'
value
='b'
>
<
input
type
='checkbox'
name
='info'
value
='c'
>
<
input
type
='checkbox'
name
='info'
value
='d'
>
<
input
type
='checkbox'
name
='info'
value
='e'
>
<
br
/>
<
input
type
='button'
value
='
全选定 'onclick
='check_all();'
>
<
input
type
='button'
value
='
全取消 'onclick
='check_all_un();'
>
对应的JavaScript代码
<
script
>
function
check_all()
{
//
全选定
arr
=
document.getElementsByName('info');
for
(i
=
0
;i
<
arr.length;i
++
)
{
arr[i].checked
=
true
;
}
}
function
check_all_un()
{
//
全取消
arr
=
document.getElementsByName('info');
for
(i
=
0
;i
<
arr.length;i
++
)
{
arr[i].checked
=
false
;
}
}
</
script
>
查看全文
相关阅读:
数组中删除指定某个元素(根据值删除,不是位置)
gulp使用过程中走过的坑
H5兼容不同屏幕尺寸
jQuery基础——事件
DOM的jquery操作(遍历)
jquery的DOM操作(创建节点、插入节点、删除节点、复制节点、替换节点、包裹节点)
gulp插件uncss的使用
【代码总结-不定期更新】
【Linux-学习笔记-不定期更新】
【随时记录的一些东东-不定期更新】
原文地址:https://www.cnblogs.com/temptation/p/791746.html
最新文章
springboot整合分页插件PageHelper
头像姓名添加
springboot的配置文件说明
bugs开发异常解决方法
Mybatis-Plus
Solr
Lucene
redis(2)
Zabbix unreachable poller processes more than 75% busy解决方法
MYSQL 自动备份脚本
热门文章
unison做文件双向同步
rsync+inotify文件实时同步
linux环境下Unison文件双向同步配置
linux重定向及nohup不输出的方法
关于sql连接语句中的Integrated Security=SSPI
Win10系统下点击宽带连接会弹出设置界面的解决方法
OpenMediaVault系统升级
Debian 系统修改语言设置成英文
vue中常见的问题
vue开发环境的搭建流程
Copyright © 2011-2022 走看看