一行jQuery代码搞定checkbox 全选和全不选
在网站建设中;让复选框全部选中和全部取消是比较常用的;下面就介绍如何用一句话搞定全选功能;
其实很简单;那就是使用盘点jQuery弃用的函数这篇文章中最后一段代码;
好了,我要介绍的方法讲完了;
好吧,别砸鸡蛋;我是开个玩笑;代码在下面
JavaScript部分:
function checkAll(obj){ $("#box input[type=‘checkbox‘]").prop(‘checked‘, $(obj).prop(‘checked‘)); }
html部分:
<div id="box"> <input type="checkbox" onclick="checkAll(this)">全选<br><br> <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox"><br> <input type="checkbox"><br> </div>
本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客baijunyao.com
本文出自 “白俊遥博客” 博客,请务必保留此出处http://shuaibai123.blog.51cto.com/10163353/1640124
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。