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 相关文章推荐
NiftyCube——轻松实现圆角边框
Feb 20 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
Aug 12 Javascript
html的DOM中document对象forms集合用法实例
Jan 21 Javascript
Jsonp post 跨域方案
Jul 06 Javascript
javascript实现去除HTML标签的方法
Dec 26 Javascript
Bootstrap实现提示框和弹出框效果
Jan 11 Javascript
ES6中Proxy与Reflect实现重载(overload)的方法
Mar 30 Javascript
关于使用js算总价的问题
Jun 23 Javascript
Javascript中parseInt的正确使用方式
Oct 17 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 Javascript
JS实现基本的网页计算器功能示例
Jan 16 Javascript
vue+iview框架实现左侧动态菜单功能的示例代码
Jul 23 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 $_SESSION会员登录实例分享
2021/01/19 PHP
php使用Jpgraph创建折线图效果示例
2017/02/15 PHP
php使用str_replace替换多维数组的实现方法分析
2017/06/15 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
php+ajax实现无刷新文件上传功能(ajaxuploadfile)
2018/02/11 PHP
推荐dojo学习笔记
2007/03/24 Javascript
javascript中的undefined 与 null 的区别  补充篇
2010/03/17 Javascript
js修改table中Td的值(定义td的双击事件)
2013/01/10 Javascript
jquery checkbox实现单选小例
2013/11/27 Javascript
jQuery调用ajax请求的常见方法汇总
2015/03/24 Javascript
JavaScript中string对象
2015/06/12 Javascript
百度地图api如何使用
2015/08/03 Javascript
jquery实现弹出层登录和全屏层注册特效
2015/08/28 Javascript
jQuery实现获取table表格第一列值的方法
2016/03/01 Javascript
漫谈JS引擎的运行机制 你应该知道什么
2016/06/15 Javascript
关于JSON与JSONP简单总结
2016/08/16 Javascript
Bootstrap3 多选和单选框(checkbox)
2016/12/29 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
vue下跨域设置的相关介绍
2017/08/26 Javascript
基于Require.js使用方法(总结)
2017/10/26 Javascript
ES6学习笔记之map、set与数组、对象的对比
2018/03/01 Javascript
clipboard.js在移动端复制失败的解决方法
2018/06/13 Javascript
用Node提供静态文件服务的方法
2018/07/06 Javascript
JavaScript面向对象中接口实现方法详解
2019/07/24 Javascript
JavaScript实现滑动门效果
2020/01/18 Javascript
vue cli4.0项目引入typescript的方法
2020/07/17 Javascript
[03:05]《我与DAC》之xiao8:DAC与BG
2018/03/27 DOTA
python实现爬虫统计学校BBS男女比例(一)
2015/12/31 Python
Python django实现简单的邮件系统发送邮件功能
2017/07/14 Python
python对列进行平移变换的方法(shift)
2019/01/10 Python
火车来了教学反思
2014/02/11 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
安全保卫工作竞聘材料
2014/08/25 职场文书
2014年档案室工作总结
2014/12/01 职场文书
PostgreSQL聚合函数介绍以及分组和排序
2022/04/12 PostgreSQL
python中使用redis用法详解
2022/12/24 Redis