首页 > 代码库 > 实现checkbox全选和全不选的功能
实现checkbox全选和全不选的功能
html代码
<table id="table"> <thead> <tr> <td><input type="checkbox" id="thtd" name="thtd"/></td> </tr> </thead> <tbody> <tr> <td><input type="checkbox" id="tbtd" name="tbtd"/></td> </tr> <tr> <td><input type="checkbox" id="tbtd" name="tbtd"/></td> </tr> <tr> <td><input type="checkbox" id="tbtd" name="tbtd"/></td> </tr> </tbody> </table>
js代码
$(document).ready(function(){ $("#thtd").bind("click",function(){ alert($(this).prop("checked")); var flag = $(this).prop("checked"); if(flag){ $("#table #tbtd").prop("checked",true); }else{ $("#table #tbtd").prop("checked",false); } }) });
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。