zoukankan
html css js c++ java
[转]javascript应用:实现复选框全选/全不选切换
<
input type
=
checkbox name
=
mm value
=
a onclick
=
"
checkItem(this, 'mmAll')
"
><
br
>
<
input type
=
checkbox name
=
mm value
=
b onclick
=
"
checkItem(this, 'mmAll')
"
><
br
>
<
input type
=
checkbox name
=
mm value
=
c onclick
=
"
checkItem(this, 'mmAll')
"
><
br
>
<
input type
=
checkbox name
=
mm value
=
d onclick
=
"
checkItem(this, 'mmAll')
"
><
br
>
<
input type
=
checkbox name
=
mm value
=
e onclick
=
"
checkItem(this, 'mmAll')
"
><
br
><
br
>
<
input type
=
checkbox name
=
mmAll onclick
=
"
checkAll(this, 'mm')
"
>
全选与不全选的切换
<
script language
=
Javascript
>
function
checkAll(e, itemName)
{
var
aa
=
document.getElementsByName(itemName);
for
(
var
i
=
0
; i
<
aa.length; i
++
)
aa[i].checked
=
e.checked;
}
function
checkItem(e, allName)
{
var
all
=
document.getElementsByName(allName)[
0
];
if
(
!
e.checked) all.checked
=
false
;
else
{
var
aa
=
document.getElementsByName(e.name);
for
(
var
i
=
0
; i
<
aa.length; i
++
)
if
(
!
aa[i].checked)
return
;
all.checked
=
true
;
}
}
</
script
>
ps:(当然若那个全选框是其它的控件比如是一个按钮,或者一个链接什么的话,那复选框里的 checkItem 点击事件可以去掉,以免出错)
查看全文
相关阅读:
[栈]
[数据结构实验]学生成绩管理
[数据结构实验]集合交并
shapefile 转 geojson 文件类型
ubuntu sublime text key
opengl
c++
sublime text3 key
ubuntu安装nvidia驱动
全球国家svg边界svg
原文地址:https://www.cnblogs.com/xiang/p/428823.html
最新文章
Leetcode 5
Leetcode 7
Leetcode 3
Leetcode 2
Leetcode 1
equal(),hashcode(),toString()方法的作用
java环境配置classpath和path变量的作用及设置方法
java中equals和hashCode方法随笔二
equals()和hashCode()方法在集合类set中的使用
淘宝海量数据产品技术架构
热门文章
Code Review
不是技术牛人,如何拿到国内IT巨头的Offer
Oracle 用户和权限
java.util.List接口的方法subList()的使用注意事项
5款工具助你写出更好的Java代码
模板1.0
【csu oj 1542】线段树
【转化,排序,二分】
[数据结构实验:稀疏矩阵]
【2014上海站小结】
Copyright © 2011-2022 走看看