jquery checkbox反复调用attr('checked', true/false)只有第一次生效

最新推荐文章于 2019-07-19 09:22:16 发布

转载最新推荐文章于 2019-07-19 09:22:16 发布 · 56 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hereim/p/4827229.html

本文介绍了一个关于网页中全选与全不选功能实现的问题及解决方案。初始状态时，复选框未被全部选中，通过点击全选按钮可以实现全选，但之后的操作出现异常。文章提供了具体的解决办法，即使用prop方法替代attr方法来正确实现全选与全不选的功能。

/** 
  * 全选 
  */  
 function checkAll() {  
     $("input[name=ids]").attr("checked", true);  
 }  
  
 /** 
  * 全不选 
  */  
 function uncheckAll() {  
     $("input[name=ids]").attr("checked", false);  
 }

问题描述：

初始状态复选框没有全选，

点击全选按钮调用checkAll方法，

实现了全选，

然后点击全不选按钮，

实现了全不选，

然后再次点击全选按钮，

结果却木有全选，

再反复点击木有任何反应。

解决方法：

把使用prop方法代替attr方法，就解决了。

/** 
 * 全选 
 */  
function checkAll() {  
    $("input[name=ids]").prop("checked", true);  
}

引用地址：http://blog.youkuaiyun.com/tunzao/article/details/17225173

转载于:https://www.cnblogs.com/hereim/p/4827229.html