checkbox全选之后再取消全选,就全选不了了,jquery

011100 2015-11-24 02:47:23
$(function() {
$("#checkAll").click(function() {
$('input[name="subBox"]').attr("checked",this.checked);
});

var $subBox = $("input[name='subBox']");
$subBox.click(function(){
$("#checkAll").attr("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false);
});
});

上面是JS代码

下面是JSP页面代码
 <div title="Title1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;" id="div1" >  

<!-- 通过js实现全选和反选功能,该checkbox的id为checkAll -->

<input type="checkbox" id="checkAll" >全选<br>

<!-- 通过标签库方式遍历数据库表名tableList,并用el表达式取得其每一个的表名称 -->

<c:forEach items="${sessionScope.tableList }" varStatus="id" var="tableName" >
<input type="checkbox" name="subBox" id="" value=${tableName }>${tableName }<br>
</c:forEach>

</div>


运行结果:可以全选,选中之后,也可以反选,但是反选之后再点击就不会全选了
...全文
186 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
ab637800 2015-11-25
  • 打赏
  • 举报
回复
换低版本jquery或者用prop
xinbaby1987 2015-11-25
  • 打赏
  • 举报
回复
checked 最好 用prop
番茄鲨鱼面 2015-11-24
  • 打赏
  • 举报
回复
先来大笑三声…… 话说当年我也被这个问题坑过,折腾了好长时间才找到原因。 由于jquery版本变更带来的问题。 解决也很简单,就是用prop代替attr。
mtian2020 2015-11-24
  • 打赏
  • 举报
回复
$('#id').on('click',function() {}); 改成这样绑定点击事件

81,114

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧