新手求教jquery 全选不全选 这代码怎么只能选一次
01.$("#checkall").click(02.function(){03.if(this.checked){04.$("input[name='checkname...
01.$("#checkall").click(
02. function(){
03. if(this.checked){
04.
$("input[name='checkname']").attr('checked', true)
05. }else{
06.
$("input[name='checkname']").attr('checked', false)
07. }
08. }
09.);
如果要把.attr换成
.each(function(){
this.checked = true;
的话还是可以 有没有更加简单的办法 不用循环 展开
02. function(){
03. if(this.checked){
04.
$("input[name='checkname']").attr('checked', true)
05. }else{
06.
$("input[name='checkname']").attr('checked', false)
07. }
08. }
09.);
如果要把.attr换成
.each(function(){
this.checked = true;
的话还是可以 有没有更加简单的办法 不用循环 展开
3个回答
展开全部
这个通过jquery实现其实很简单的，一行代码即可实现。
实现关键代码如下：
<script type="text/javascript">
$(function(){
$("#checkall").click(function(){
// 直接将其它选项的选中状态更改为当前全选框的状态即可。
$("input[name='checkname']").attr('checked', this.checked);
});
});
</script>
下面给你一个完整的例子：
<html>
<head>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#checkall").click(function(){
// 直接将其它选项的选中状态更改为当前全选框的状态即可。
$("input[name='checkname']").attr('checked', this.checked);
});
});
</script>
</head>
<body>
<div><label><input type="checkbox" id="checkall">全选</label></div>
<br><br>
<div><input type="checkbox" name="checkname" value="1">选项1</div>
<div><input type="checkbox" name="checkname" value="2">选项2</div>
<div><input type="checkbox" name="checkname" value="3">选项3</div>
<div><input type="checkbox" name="checkname" value="4">选项4</div>
<div><input type="checkbox" name="checkname" value="5">选项5</div>
<div><input type="checkbox" name="checkname" value="6">选项6</div>
<div><input type="checkbox" name="checkname" value="7">选项7</div>
<div><input type="checkbox" name="checkname" value="8">选项8</div>
</body>
</html>
更多追问追答
追问
和我上面差不多啊 应该只能选取一次 要加each
追答
只能选取一次是啥意思，全部选中了就不能不能再取消了？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接这句就行了 ，实现反选$("input[name='checkname']").attr('checked', false)，false 改成true变成全选
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
添加个class属性 :class = "a"
$(".a").attr('checked', true) ;
$(".a").attr('checked', false) }
或者用
var dom = documentElementsByName("checkname");//注意这是个数组
还是要迭代哎
$(".a").attr('checked', true) ;
$(".a").attr('checked', false) }
或者用
var dom = documentElementsByName("checkname");//注意这是个数组
还是要迭代哎
更多追问追答
追问
啊 这个还可以自己添加属性啊 请问自己添加的属性有什么好处呢
追答
添加属性主要是方便调用啊，class选择器的优点就是可以多选
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
