jQuery复选框的问题 选择一组class相同的input复选框
<div><ahref="javascript:void(0);"onclick="selectAll(this);">全选</a><p><inputtype="chec...
<div>
<a href="javascript:void(0);" onclick="selectAll(this);">全选</a>
<p><input type="checkbox" class="checkbox1"/><label>1</label></p>
<p><input type="checkbox" class="checkbox1"/><label>2</label></p>
<p><input type="checkbox" class="checkbox1"/><label>3</label></p>
</div>
<br/><br/><br/><br/>
<div>
<a href="javascript:void(0);" onclick="selectAll(this);">全选</a>
<p><input type="checkbox" class="checkbox2"/><label>a</label></p>
<p><input type="checkbox" class="checkbox2"/><label>b</label></p>
<p><input type="checkbox" class="checkbox2"/><label>c</label></p>
</div>
点击第一个全选 ，下面 1.2.3选择 再点击一下“全选 ” 一组选中状态消失 展开
<a href="javascript:void(0);" onclick="selectAll(this);">全选</a>
<p><input type="checkbox" class="checkbox1"/><label>1</label></p>
<p><input type="checkbox" class="checkbox1"/><label>2</label></p>
<p><input type="checkbox" class="checkbox1"/><label>3</label></p>
</div>
<br/><br/><br/><br/>
<div>
<a href="javascript:void(0);" onclick="selectAll(this);">全选</a>
<p><input type="checkbox" class="checkbox2"/><label>a</label></p>
<p><input type="checkbox" class="checkbox2"/><label>b</label></p>
<p><input type="checkbox" class="checkbox2"/><label>c</label></p>
</div>
点击第一个全选 ，下面 1.2.3选择 再点击一下“全选 ” 一组选中状态消失 展开
3个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>RunJS 演示代码</title>
<script>
var selectAll = function(a){
a = $(a);
var cks = a.closest("div").find(":checkbox");
!a.data("checked") ?
cks.prop("checked",true) & a.data("checked",1)
: cks.prop("checked",false) & a.data("checked",0);
}
</script>
</head>
<body>
<div>
<a href="javascript:void(0);" onclick="selectAll(this);">全选</a>
<p><input type="checkbox" class="checkbox1"/><label>1</label></p>
<p><input type="checkbox" class="checkbox1"/><label>2</label></p>
<p><input type="checkbox" class="checkbox1"/><label>3</label></p>
</div>
<br/><br/><br/><br/>
<div>
<a href="javascript:void(0);" onclick="selectAll(this);">全选</a>
<p><input type="checkbox" class="checkbox2"/><label>a</label></p>
<p><input type="checkbox" class="checkbox2"/><label>b</label></p>
<p><input type="checkbox" class="checkbox2"/><label>c</label></p>
</div>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你试试这样行不行
function selectAll(a) {
if(!$(a).hasClass("selectAll")){
$(a).addClass("selectAll").nextAll().children("input").prop("checked", true);
}else{
$(a).removeClass("selectAll").nextAll().children("input").prop("checked",false);
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$("checkbox2").attr("selected","selected");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
