jQuery CheckBox全选、全不选实现代码小结_jquery

直接上代码。

<title>Index</title> <script src="http://img.jb51.net/jslib/jquery/jquery14.js"></script> <script type="text/javascript"> $(function() { $("#CheckAll").click(function() { var flag = $(this).attr("checked"); $("[name=subBox]:checkbox").each(function() { $(this).attr("checked", flag); }) }) }) </script> <div> <input id="CheckAll" type="checkbox">全选 <input name="subBox" type="checkbox">1 <input name="subBox" type="checkbox">2 <input name="subBox" type="checkbox">3 <input name="subBox" type="checkbox">4 </div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

下面的代码比较全，是基于js的控制原理实现

复制代码 代码如下: