Jquery---checkbox的全选或者全部取消

最新推荐文章于 2022-09-15 08:45:31 发布

VIP文章二楼后座的香蕉园

最新推荐文章于 2022-09-15 08:45:31 发布

阅读量1.2k

点赞数

分类专栏： JQuery 文章标签： jQuery checkbox 全部选中

本文链接：https://blog.csdn.net/u013485584/article/details/46692355

版权

checkbox是我们在系统开发中不可避免地要使用的一个控件。通常的用法就是，任意选中多个checkbox、全选或者全部取消。前段时间刚又碰到了checkbox这方面的用法。几天就抽点时间，简单地总结一下，希望给想要使用checkbox控件的朋友们一点儿帮助。

有时候我们要点击一个checkbox控件，它被选中时，其它checkbox全部被选中，再点击它，即取消选中它，其它checkbox全部被取消选中。这时候我们就可以在HTML或者.jsp文件中使用如下代码来实现此功能。代码如下：


  
  
  
   
   
   <html> 
  
  
  
  
  
  
   
   
   <body>
<input type="checkbox" name="ckb" value="1"/><span>苹果</span>
<input type="checkbox" name="ckb" value="2"/>橘子
<input type="checkbox" name="ckb" value="3"/>梨子
<input type="checkbox" name="ckb" value="4"/>香蕉
<button id="all_checked" type="button">全选<
   
   
   /button>
<button id="all_uncheck">反选</

最低0.47元/天解锁文章

二楼后座的香蕉园

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery---checkbox的全选或者全部取消

checkbox是我们在系统开发中不可避免地要使用的一个控件。通常的用法就是，任意选中多个checkbox、全选或者全部取消。前段时间刚又碰到了checkbox这方面的用法。几天就抽点时间，简单地总结一下，希望给想要使用checkbox控件的朋友们一点儿帮助。有时候我们要点击一个checkbox控件，它被选中时，其它checkbox全部被选中，再点击它，即取消选中它，其它checkbo
复制链接

扫一扫