jquery 全选和取消只能执行一次 为什么呢？
$("#all").click(function(){if($(this).html()=='全选'){$('input:checkbox').attr('checked...
$("#all").click(function() {
if ($(this).html() == '全选') {
$('input:checkbox').attr('checked', true);
$(this).html('取消');
} else {
$(this).html('全选');
$('input:checkbox').attr('checked', false);
}
}); 展开
if ($(this).html() == '全选') {
$('input:checkbox').attr('checked', true);
$(this).html('取消');
} else {
$(this).html('全选');
$('input:checkbox').attr('checked', false);
}
}); 展开
2个回答
展开全部
是这样的， jQuery中的attr方法会当做一个其实属性设置值的， 不会对原生的 checked设置值。
所以你要做的是使用原生的方法来让它全选和取消全选。
这个问题我之前遇到过。
所以你要做的是使用原生的方法来让它全选和取消全选。
这个问题我之前遇到过。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script type="text/javascript">
function selectall(){
if($("input[name='selectall']").attr("checked")){
$(':checkbox').each(
function() {
$(this).attr("checked", true);
}
);
}else{
$(':checkbox').each(
function() {
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
}
);
}
}
</script>
<body>
<div>
<table bordercolor="#CCCCCC" border="1">
<tr bgcolor="#CCCCCC">
<td><input type="checkbox" name="selectall" onclick="selectall()"/></td>
</tr>
<tr>
<td><input type="checkbox"/></td>
</tr>
<tr>
<td><input type="checkbox"/></td>
</tr>
<tr>
<td><input type="checkbox"/></td>
</tr>
<tr>
<td><input type="checkbox"/></td>
</tr>
<tr>
<td><input type="checkbox"/></td>
</tr>
<tr>
<td><input type="checkbox"/></td>
</tr>
</table>
</div>
function selectall(){
if($("input[name='selectall']").attr("checked")){
$(':checkbox').each(
function() {
$(this).attr("checked", true);
}
);
}else{
$(':checkbox').each(
function() {
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
}
);
}
}
</script>
<body>
<div>
<table bordercolor="#CCCCCC" border="1">
<tr bgcolor="#CCCCCC">
<td><input type="checkbox" name="selectall" onclick="selectall()"/></td>
</tr>
<tr>
<td><input type="checkbox"/></td>
</tr>
<tr>
<td><input type="checkbox"/></td>
</tr>
<tr>
<td><input type="checkbox"/></td>
</tr>
<tr>
<td><input type="checkbox"/></td>
</tr>
<tr>
<td><input type="checkbox"/></td>
</tr>
<tr>
<td><input type="checkbox"/></td>
</tr>
</table>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
