一行jQuery代码搞定checkbox 全选和全不选
在网站建设中;让复选框全部选中和全部取消是比较常用的;下面就介绍如何用一句话搞定全选功能;
其实很简单;那就是使用盘点jQuery弃用的函数这篇文章中最后一段代码;
好了,我要介绍的方法讲完了;
好吧,别砸鸡蛋;我是开个玩笑;代码在下面
JavaScript部分:
functioncheckAll(obj){$("#boxinput[type='checkbox']").prop('checked',$(obj).prop('checked'));}
html部分:
<divid="box"><inputtype="checkbox"onclick="checkAll(this)">全选<br><br><inputtype="checkbox"><br><inputtype="checkbox"><br><inputtype="checkbox"><br><inputtype="checkbox"><br><inputtype="checkbox"><br><inputtype="checkbox"><br><inputtype="checkbox"><br><inputtype="checkbox"><br><inputtype="checkbox"><br></div>
本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客baijunyao.com
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。