JS中关于checkbox全选或全不选

JavaCrazyer

浏览: 3009060 次
性别:
来自: 河南

最近访客更多访客>>

beifengbei08

mnisummer

kristy_yy

qijojo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Web前端-综合

jQuery JavaScript XHTML HTML

对于下面这样的全选或者选不选的情况，大家日常会经常看到，总结在此，以便今后使用

具体代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CheckBox用法</title>
<script language="javascript">
function ss(checks)
{
var qx=document.getElementsByName("checkbox");
for(var i=0;i<qx.length;i++)
{
qx[i].checked=checks;
}

}
function aa(checked)
{
var qx=document.getElementsByName("checkbox");
for(var i=0;i<qx.length;i++)
{
if(qx[i].type="checkbox")
{
qx[i].checked=checked;
}
}
}
</script>
</head>

<body>
<form>
<input name="checkbox" type="checkbox" id="s1" />选择一<br/>
<input name="checkbox" type="checkbox" id="s2" />选择二<br/>
<input name="checkbox" type="checkbox" id="s3" />选择三<br/>
</form>
<a href="javascript:ss(true)">全选</a><br/>
<a href="javascript:ss(false)">全不选</a><br/>
<input name="checkbox1" type="checkbox" id="s4" onclick="aa(this.checked)" />全选<br/>
</body>
</html>

查看图片附件

2
顶

1
踩

分享到：

各种常用注册页面表单验证 | 三种省市级联下拉列表的写法

2010-11-26 09:33
浏览 2108
评论(6)
分类:Web前端
查看更多

6 楼 jacking124 2011-07-08

恩，其实javascript和jquery都有优势的。基础是javascript，但是使用中我还是喜欢用jquery写，因为简单。

5 楼 libmw 2010-11-30

JavaCrazyer 写道

$("input:checkbox[name='checkbox的name值']").attr("checked",true)

zhanghongliang_cyj 写道

大哥，用不了那么麻烦吧！

$("input:checkbox[name='checkbox的name值']").attr("checked",true) //全选

$("input:checkbox[name='checkbox的name值']").attr("checked",false) //全不选

这种应该是JQUERY的方式吧

会不会现在很多人都把jquery和js搞混淆了？

4 楼 JavaCrazyer 2010-11-26

$("input:checkbox[name='checkbox的name值']").attr("checked",true)

zhanghongliang_cyj 写道

大哥，用不了那么麻烦吧！

$("input:checkbox[name='checkbox的name值']").attr("checked",true) //全选

$("input:checkbox[name='checkbox的name值']").attr("checked",false) //全不选

这种应该是JQUERY的方式吧

3 楼 zhanghongliang_cyj 2010-11-26

大哥，用不了那么麻烦吧！

$("input:checkbox[name='checkbox的name值']").attr("checked",true) //全选

$("input:checkbox[name='checkbox的name值']").attr("checked",false) //全不选

2 楼 JavaCrazyer 2010-11-26

satikey 写道

这个好办，不过哥不会纯生的JavaScript代码，会Jquery。在此佩服了、

只要能实现效果，JavaScript和JQuery都可以啦，呵呵

1 楼 satikey 2010-11-26

这个好办，不过哥不会纯生的JavaScript代码，会Jquery。在此佩服了、

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论