为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
JQuery

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

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


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
移动开发工程师
手记
粉丝
39
获赞与收藏
245

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消