<script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> function Checked(){ //定义函数checked $(".chk").each(function(){ //遍历html中class为chk的复选框标签 if($(this).attr("checked") == true){ //如果当前复选框的checked属性为true $(this).attr("checked",false); //将该属性改为false } else{ //如果当前复选框的checked属性为false $(this).attr("checked",true); //将该属性改为true } }); if($("#lbl").html() == "全选"){ //修改label的文本为“反选” $("#lbl").html("反选"); } else if($("#lbl").html() == "反选"){ //修改label的文本为“全选” $("#lbl").html("全选"); } } $(document).ready(function(){ //为label添加click事件执行函数checked $("#lbl").bind("click",Checked); }) </script>

<label id="lbl">全选</label> <table> <tr> <td> <input type="checkbox" class="chk" /> </td> </tr> <tr> <td> <input type="checkbox" class="chk" /> </td> </tr> <tr> <td> <input type="checkbox" class="chk" /> </td> </tr> <tr> <td> <input type="checkbox" class="chk" /> </td> </tr> <tr> <td> <input type="checkbox" class="chk" /> </td> </tr> </table>