继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

一行jQuery代码搞定checkbox 全选和全不选

android也疯狂
关注TA
已关注
手记 279
粉丝 39
获赞 245

在网站建设中;让复选框全部选中和全部取消是比较常用的;下面就介绍如何用一句话搞定全选功能;

其实很简单;那就是使用盘点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>


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP