jquery 全选 / 全不选 实现 

<html>
    <head>
        <script src="jquery-1.8.3.js" type="text/javascript"></script>
    </head>
  <body>
      <input type="checkbox" name="chk_list" id="chk_list_1" value="1" />1<br />
      <input type="checkbox" name="chk_list" id="chk_list_2" value="2" />2<br />
      <input type="checkbox" name="chk_list" id="chk_list_3" value="3" />3<br />
      <input type="checkbox" name="chk_list" id="chk_list_4" value="4" />4<br />
      <input type="checkbox" name="chk_all" id="chk_all" />Select all / None
　　　 <script type="text/javascript">
        $("#chk_all").click(function(){
              $("input[name='chk_list']").attr("checked",$(this).attr("checked")?true:false);     
        });
      </script>
  </body>
</html>

这个方式不错，推荐下使用。经测试在chrome23、IE9、firefox18 都ok。

posted on 2013-02-05 13:56  zenger1025  阅读(94)  评论(0)    收藏  举报

导航