会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
Temptation
寻道之路 , 与您同行 !
博客园
首页
新随笔
联系
管理
订阅
[原] 页面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
>
posted @
2007-06-21 13:39
temptation
阅读(
629
) 评论(
1
)
编辑
收藏
举报
会员力量,点亮园子希望
刷新页面
返回顶部
公告