JQ实现全选的问题,有一个BUG不知道怎么回事

obf13 2018-04-05 01:31:16

function checkAll() {
$("#btn1").click(function() {
$("#tablebody input[type='checkbox']").attr("checked",true);
})

$("#btn2").click(function() {
$("#tablebody input[type='checkbox']").attr("checked",false);
})
}


当我只点击全选和取消全选按钮是没有问题的,但是当我在页面自己点了几个按钮后再选取消全选自己点的那几个不会生效。
...全文
667 5 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
mirrorspace 2018-04-13
  • 打赏
  • 举报
回复
要用prop 这个表示DOM原生的属性,而勾选时,正好改变的就是原生属性.而不是attr的这种的. 或者不用true/false,用checked和直接删除这个属性
^月^爱吃橘子 2018-04-08
  • 打赏
  • 举报
回复
$("#tablebody input[type='checkbox']").prop("checked",true);
Logerlink 2018-04-06
  • 打赏
  • 举报
回复
呃呃....错了

$("#tablebody input[type='checkbox']").prop("checked","");         //取消选中
Logerlink 2018-04-06
  • 打赏
  • 举报
回复
试一下这种吧!之前看过一篇博客说了这种写法与你的那种写法

$("#tablebody input[type='checkbox']").prop("checked","checked");          //设置选中
$("#tablebody input[type='checkbox']").prop("checked","checked");         //取消选中
还有元素自身(原有)属性的修改与添加要用prop而不是attr
天际的海浪 2018-04-05
  • 打赏
  • 举报
回复
首先 attr 要改成 prop 另外你说的问题从你发的这点代码中看不出来,你把完整的代码都发上来

87,996

社区成员

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

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