jQuery 实现全选和取消全选功能
时间:2015-07-06 阅读:次 QQ群:182913345
jQuery 实现 checkbox 全选和取消全选功能,示例代码如下:
<table width="100%" border="0" cellpadding="0" cellspacing="1" id="list"> <tr> <td> <span style="float:left;"><input type="checkbox" name="check" /></span> 用 户 </td> <td class="admin_list_tit">病 种</td> <td class="admin_list_tit">效 果</td> <td class="admin_list_tit">服 务</td> <td class="admin_list_tit">环 境</td> </tr> <tr> <td> <span style="float:left;"><input type="checkbox" value="28" name="id[]"></span> 相依相薇 </td> <td>甲状腺瘤</td> <td>满意</td> <td>满意</td> <td>满意</td> </tr> <tr> <td> <span style="float:left;"><input type="checkbox" value="28" name="id[]"></span> 依小跳 </td> <td>甲状腺囊肿</td> <td>满意</td> <td>满意</td> <td>满意</td> </tr> </table> <!-- jQuery 实现 checkbox 全选/取消全选 --> <script type="text/javascript"> $(function(){ $("#list input[name='check']").click(function(){ if($(this)[0].checked){ $("#list :checkbox").attr("checked", true); }else{ $("#list :checkbox").attr("checked", false); } }); }); </script> |
下一篇:解决png图片在ie中不透明问题