2025年4月19日 星期六 乙巳(蛇)年 正月廿 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

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

时间:09-26来源:作者:点击数:25

在网站建设中;

让复选框全部选中和全部取消是比较常用的;

下面就介绍如何用一句话搞定全选功能;

其实很简单;

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>
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐