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 相关文章推荐
一个javascript参数的小问题
Mar 02 Javascript
解析javascript 实用函数的使用详解
May 10 Javascript
为开发者准备的10款最好的jQuery日历插件
Feb 04 Javascript
7个去伪存真的JavaScript面试题
Jan 07 Javascript
移动端手指放大缩小插件与js源码
May 22 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
Aug 25 Javascript
JavaScript正则表达式和级联效果
Sep 14 Javascript
微信小程序出现wx.getLocation再次授权问题的解决方法分析
Jan 16 Javascript
小程序登录/注册页面设计的实现代码
May 24 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
javascript如何实现create方法
Nov 04 Javascript
JavaScript实现点击出现子菜单效果
Feb 08 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
《Re:从零开始的异世界生活 冰结之绊》
2020/04/09 日漫
php使用ereg验证文件上传的方法
2014/12/16 PHP
php实现mysql事务处理的方法
2014/12/25 PHP
php图片添加文字水印实现代码
2016/03/15 PHP
CakePHP框架Model关联对象用法分析
2017/08/04 PHP
Nginx实现反向代理
2017/09/20 Servers
PHP memcache在微信公众平台的应用方法示例
2017/09/13 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
Javascript 解疑
2009/11/11 Javascript
javascript函数中参数传递问题示例探讨
2014/07/31 Javascript
JS代码防止SQL注入的方法(超简单)
2016/04/12 Javascript
jQuery操作属性和样式详解
2016/04/13 Javascript
Vue2 监听属性改变watch的实例代码
2018/08/27 Javascript
使用jquery模拟a标签的click事件无法实现跳转的解决
2018/12/04 jQuery
解决Vue调用springboot接口403跨域问题
2019/09/02 Javascript
arcgis.js控制地图地体的显示范围超出区域自动弹回(实现思路)
2021/01/28 Javascript
Python中删除文件的程序代码
2011/03/13 Python
python连接MySQL、MongoDB、Redis、memcache等数据库的方法
2013/11/15 Python
Django1.9 加载通过ImageField上传的图片方法
2018/05/25 Python
python 筛选数据集中列中value长度大于20的数据集方法
2018/06/14 Python
Tensorflow 查看变量的值方法
2018/06/14 Python
对python调用RPC接口的实例详解
2019/01/03 Python
初次部署django+gunicorn+nginx的方法步骤
2019/09/11 Python
python绘制雪景图
2019/12/16 Python
pytorch之ImageFolder使用详解
2020/01/06 Python
python使用yaml 管理selenium元素的示例
2020/12/01 Python
基于HTML5 audio元素播放声音jQuery小插件
2011/05/11 HTML / CSS
洲际酒店集团大中华区:IHG中国
2016/08/17 全球购物
英国家具、照明、家居用品网上商店:Wayfair.co.uk
2020/02/13 全球购物
酒店led欢迎词
2014/01/09 职场文书
乡镇纠风工作实施方案
2014/03/22 职场文书
《神奇的克隆》教学反思
2014/04/10 职场文书
人力资源管理专业应届生求职信
2014/04/24 职场文书
标准单位租车协议书
2014/09/23 职场文书
2015年社区环境卫生工作总结
2015/04/21 职场文书
python单向链表实例详解
2022/05/25 Python