jquery checkbox选中效果

来源:互联网 发布:淘宝怎么拆分订单发货 编辑:程序博客网 时间:2024/06/05 14:27
<script type="text/javascript">  function changeCheckCount(){  var count = 0;  $("input[type='checkbox'][name='ids']").each(function(){  if($(this).attr("checked")){    count++;    }  });   if(count==$("input[type='checkbox'][name='ids']").length){  $("#checkall").attr("checked","checked");  }  else{  $("#checkall").attr("checked",null);  }  }    function checkAll(){  if($("#checkall").attr("checked")){  $("input[type='checkbox'][name='ids']").attr("checked","checked");  }  else{  $("input[type='checkbox'][name='ids']").attr("checked",null);  }  } </script>

 <input type="checkbox" id="checkall" name="checkall" value="" class="checkbox" onClick="checkAll()"><td><s:checkbox name="ids" fieldValue="%{#roles.id}" onClick="changeCheckCount()"></s:checkbox></td>


效果是选中"checkall",所有name为ids的checkbox都选中,若取消选中"checkall",则所有name为ids的checkbox都不选中,

如果所有name为ids的checkbox都选中则name为"checkall"的checkbox呈选中效果。如果不是所有name为ids的checkbox都选中,则取消name为"checkall"的checkbox呈选中效果。