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 相关文章推荐
js一组验证函数
Dec 20 Javascript
让Firefox支持event对象实现代码
Nov 07 Javascript
AngularJS基础 ng-keyup 指令简单示例
Aug 02 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
Oct 24 Javascript
通过js修改input、select默认字体颜色
Apr 19 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
Aug 17 Javascript
基于node下的http小爬虫的示例代码
Jan 11 Javascript
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
webpack打包非模块化js的方法
Oct 24 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
May 20 Javascript
vue 使用饿了么UI仿写teambition的筛选功能
Mar 01 Vue.js
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
cmd下运行php脚本
2008/11/25 PHP
mysql下创建字段并设置主键的php代码
2010/05/16 PHP
PHP中使用GD库创建圆形饼图的例子
2014/11/19 PHP
PHP实现微信商户支付企业付款到零钱功能
2018/09/30 PHP
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
2009/11/12 Javascript
JavaScript下利用fso判断文件是否存在的代码
2010/12/11 Javascript
用jquery生成二级菜单的实例代码
2013/06/24 Javascript
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
2016/01/27 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
2016/01/28 Javascript
input file上传 图片预览功能实例代码
2016/10/25 Javascript
vue基于Vue2.0和高德地图的地图组件实例
2017/04/28 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
使用Vue完成一个简单的todolist的方法
2017/12/01 Javascript
修改Nodejs内置的npm默认配置路径方法
2018/05/13 NodeJs
VUE DEMO之模拟登录个人中心页面之间数据传值实例
2019/10/31 Javascript
python共享引用(多个变量引用)示例代码
2013/12/04 Python
python中二维阵列的变换实例
2014/10/09 Python
python3使用PyMysql连接mysql数据库实例
2017/02/07 Python
python使用筛选法计算小于给定数字的所有素数
2018/03/19 Python
Python Gluon参数和模块命名操作教程
2019/12/18 Python
PIL.Image.open和cv2.imread的比较与相互转换的方法
2020/06/03 Python
Pytorch损失函数nn.NLLLoss2d()用法说明
2020/07/07 Python
python实现视频压缩功能
2020/12/18 Python
浅析python实现动态规划背包问题
2020/12/31 Python
详解HTML5.2版本带来的修改
2020/05/06 HTML / CSS
意大利体育用品和运动服网上商店:Maxi Sport
2019/09/14 全球购物
《桂林山水》教学反思
2014/02/08 职场文书
3.12植树节活动总结2014
2014/03/13 职场文书
结婚保证书范文
2014/04/29 职场文书
幼儿园健康教育方案
2014/06/14 职场文书
乡镇综治宣传月活动总结
2014/07/02 职场文书
王兆力在市委党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
中小学生安全教育观后感
2015/06/17 职场文书
导游词之上海豫园
2019/10/24 职场文书
python缺失值的解决方法总结
2021/06/09 Python
spring boot实现文件上传
2022/08/14 Java/Android