元素模板为您解答
首先是html代码
<table> <thead> <tr><td>网站名称</td></tr> </thead> <tbody> <tr><td><input type="checkbox">元素模板</td> </tr> <tr><td><input type="checkbox">YS720.COM</td> </tr> <tr><td><input type="checkbox">网站模板</td></tr> <tr><td><input type="checkbox">网站修改</td> </tr> </tbody> <tfoot> <tr><td><input type="checkbox">全部</td></tr> </tfoot> </table>下面是JQ代码
<script> // 全选/全取消 $("tfoot input[type=checkbox]").click(function(){ $("tbody input[type=checkbox]").prop("checked",$(this).prop("checked")); }) // 其他按钮 $("tbody input[type=checkbox]").click(function(){ if($("tbody input[type=checkbox]:checked").length===$("tbody input[type=checkbox]").length){ $("tfoot input[type=checkbox]").prop("checked",true); }else{ $("tfoot input[type=checkbox]").prop("checked",false); } }) </script>记住需要加入jq库