JQuery限制复选框checkbox可选中个数的方法


Posted in Javascript onApril 20, 2015

本文实例讲述了JQuery限制复选框checkbox可选中个数的方法。分享给大家供大家参考。具体分析如下:

由于项目需要限制可批量操作的文件个数 所以写了一段小代码
如果选中个数大于允许的最大个数 其他复选框不能选择
如果小于则所有复选框都能选择

<script type="text/javascript">
 $(document).ready(function() {
  $('input[type=checkbox]').click(function() {
   $("input[name='apk[]']").attr('disabled', true);
   if ($("input[name='apk[]']:checked").length >= 3) {
    $("input[name='apk[]']:checked").attr('disabled', false);
   } else {
    $("input[name='apk[]']").attr('disabled', false);
   }
  });
 })
</script>
<ul>
 <li>
  <input type="checkbox" name="apk[]" value=1 />
  APK1
 </li>
 <li>
  <input type="checkbox" name="apk[]" value=2 />
  APK2
 </li>
 <li>
  <input type="checkbox" name="apk[]" value=1 />
  APK3
 </li>
 <li>
  <input type="checkbox" name="apk[]" value=4 />
  APK4
 </li>
 <li>
  <input type="checkbox" name="apk[]" value=6 />
  APK5
 </li>
 <li>
  <input type="checkbox" name="apk[]" value=7 />
  APK6
 </li>
 <li>
  <input type="checkbox" name="apk[]" value=8 />
  APK7
 </li>
</ul>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
Ajax+Json 级联菜单实现代码
Oct 27 Javascript
JavaScript 题型问答有答案参考
Feb 17 Javascript
jquery实现图片裁剪思路及实现
Aug 16 Javascript
JQuery中属性过滤选择器用法实例分析
May 18 Javascript
需要牢记的JavaScript基础知识
Sep 25 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
Mar 21 Javascript
JS实现的JSON数组去重算法示例
Apr 11 Javascript
Vue实现6位数密码效果
Aug 18 Javascript
vue 表单验证按钮事件交由父组件触发的方法
Dec 17 Javascript
vue将后台数据时间戳转换成日期格式
Jul 31 Javascript
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
Sep 25 Javascript
vue3.0 加载json的方法(非ajax)
Oct 26 Javascript
js插件YprogressBar实现漂亮的进度条效果
Apr 20 #Javascript
浅谈javascript中call()、apply()、bind()的用法
Apr 20 #Javascript
javascript中callee与caller的区别分析
Apr 20 #Javascript
javascript正则表达式中的replace方法详解
Apr 20 #Javascript
javascript正则表达式基础知识入门
Apr 20 #Javascript
javascript实现表单提交后,提交按钮不可用的方法
Apr 18 #Javascript
Javascript实现颜色rgb与16进制转换的方法
Apr 18 #Javascript
You might like
php 删除记录实现代码
2009/03/12 PHP
php 定义404页面的实现代码
2012/11/19 PHP
ThinkPHP实例化模型的四种方法概述
2014/08/22 PHP
php生成图片验证码-附五种验证码
2015/08/19 PHP
针对PHP开发安全问题的相关总结
2019/03/22 PHP
Thinkphp5.0框架的Db操作实例分析【连接、增删改查、链式操作等】
2019/10/11 PHP
读jQuery之二(两种扩展)
2011/06/11 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
2013/05/30 Javascript
jQuery学习笔记之基础中的基础
2015/01/19 Javascript
在JS方法中返回多个值的方法汇总
2015/05/20 Javascript
js兼容火狐获取图片宽和高的方法
2015/05/21 Javascript
fastclick插件导致日期(input[type=&quot;date&quot;])控件无法被触发该如何解决
2015/11/09 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
浅谈JavaScript 标准对象
2016/06/02 Javascript
JavaScript实现九九乘法表的简单实例
2016/06/07 Javascript
JS 实现Base64编码与解码实例详解
2016/11/07 Javascript
原生JS实现N级菜单的代码
2017/05/21 Javascript
vue.js组件之间传递数据的方法
2017/07/10 Javascript
Vue中的循环及修改差值表达式的方法
2019/08/29 Javascript
layui之table checkbox初始化时选中对应选项的方法
2019/09/02 Javascript
javascript实现倒计时效果
2020/02/17 Javascript
JavaScript实现轮播图片完整代码
2020/03/07 Javascript
python写的ARP攻击代码实例
2014/06/04 Python
Python多线程同步Lock、RLock、Semaphore、Event实例
2014/11/21 Python
python通过ssh-powershell监控windows的方法
2015/06/02 Python
Python图像处理之识别图像中的文字(实例讲解)
2018/05/10 Python
python虚拟环境迁移方法
2019/01/03 Python
在Pycharm中使用GitHub的方法步骤
2019/06/13 Python
浅谈python opencv对图像颜色通道进行加减操作溢出
2020/06/03 Python
Charles&Keith美国官方网站:新加坡快时尚鞋类和配饰零售商
2019/11/27 全球购物
总经理助理岗位职责范本
2014/07/20 职场文书
学习优秀党员杨宗兴先进事迹材料思想汇报
2014/09/14 职场文书
2015年国庆节活动总结
2015/03/23 职场文书
大学生村官入党自传
2015/06/26 职场文书
52条SQL语句教你性能优化
2021/05/25 MySQL
victoriaMetrics库布隆过滤器初始化及使用详解
2022/04/05 Golang