jquery，全选不了呢？要求：按全选，下面的都选了，再点，全不选。 最好将好用代码附上，谢谢。
[code=text]<!DOCTYPEhtml><head><metahttp-equiv="Content-Type"content="text/html;chars...
[code=text]<!DOCTYPE html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jquery</title><script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){ $("#checkall").click(function(){ var val=document.getElementById("chall").checked; // $("input [name='che']").attr("checked",val); alert("ok"); $("input [name='che']").attr("checked",true); }); });</script></head><body><table id=“tb"><tr><td><input type="checkbox" id="checkall" name="checkall" />全选 <a href="">返选<a></td></tr><tr><td><input name="che" type="checkbox" value="1" >你</td></tr><tr><td><input name="che" type="checkbox" value="1" >吗</td></tr><tr><td><input name="che" type="checkbox" value="1" >逼</td></tr></table></body></html>[/code]
展开
1个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>全选功能实现</title>
<style type="text/css">
</style>
</head>
<body>
<label><input id="box" type="checkbox" />全选</label>
<div id="div1">
<label><input type="checkbox" name="aa"/>1</label><br />
<label><input type="checkbox" name="aa"/>2</label><br />
<label><input type="checkbox" name="aa"/>3</label><br />
<label><input type="checkbox" name="aa"/>4</label><br />
</div>
<script src="js/jquery-2.2.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
//jQuery实现全选功能
$(function () {
$("#div1 input").change(function () {
$("#box").prop("checked", $('#div1 input:checked').length == $('#div1 input').length);
});
$("#box").change(function () {
$('#div1 input').prop("checked", $(this).prop("checked"));
});
});
</script>
</body>
</html>
更多追问追答
追问
能在原来基础上改下么，就是找不到问题诶
能在原来基础上改下么，就是找不到问题诶
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
