全选checkbox只能执行一次的问题

现象:第一次运行,点select all那个checkbox,可以全选,再点一次,也可以全部取消。但是,之后不管怎样点击,都没有用了……

  1. <input type="checkbox" id="selectAll_top" />select all<br />  
  2. <input type="checkbox" name="sel" class="combinedPay" />1<br />  
  3. <input type="checkbox" name="sel" class="combinedPay" />2<br />  
  4. <input type="checkbox" name="sel" class="combinedPay" />3<br />  
  5.   
  6.   
  7. <script type="text/javascript">  
  8.     $("#selectAll_top").click(function(){  
  9.         if($("#selectAll_top").prop('checked')){  
  10.             $("#selectAll_end").attr("checked",true);  
  11.             $(".combinedPay").attr("checked",true);  
  12.         }else{  
  13.             $("#selectAll_end").attr("checked",false);  
  14.             $(".combinedPay").attr("checked",false);  
  15.         }  
  16.     });  
  17. </script> 

    解决方法:

    把attr,都改成prop试试。
    jquery有的版本是存在这个问题的,
    主要是属性值和状态值的问题。

猜你喜欢

转载自www.cnblogs.com/clj2017/p/8963940.html