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 相关文章推荐
显示、隐藏密码
Jul 01 Javascript
Google Map Api和GOOGLE Search Api整合实现代码
Jul 18 Javascript
js change,propertychange,input事件小议
Dec 20 Javascript
jquery选择器、属性设置用法经验总结
Sep 08 Javascript
深入理解javascript中defer的作用
Dec 11 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 Javascript
javascript获取本机操作系统类型的方法
Aug 13 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
Oct 23 Javascript
非常实用的12个jquery代码片段
Nov 02 Javascript
探讨AngularJs中ui.route的简单应用
Nov 16 Javascript
微信小程序开发实战教程之手势解锁
Nov 18 Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
Sep 03 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 获取MySQL数据库里所有表的实现代码
2011/07/13 PHP
php笔记之:php数组相关函数的使用
2013/04/26 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
利用ASP发送和接收XML数据的处理方法与代码
2007/11/13 Javascript
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
jquery实现保存已选用户
2014/07/21 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
javascript实现五星评分功能
2015/11/10 Javascript
jQuery插件Validate实现自定义校验结果样式
2016/01/18 Javascript
JavaScript代码性能优化总结篇
2016/05/15 Javascript
jQuery Ajax 全局调用封装实例代码详解
2016/06/02 Javascript
详解Node项目部署到云服务器上
2017/07/12 Javascript
详解angularjs4部署文件过大解决过程
2018/12/05 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
利用Python实现颜色色值转换的小工具
2016/10/27 Python
Python 实现随机数详解及实例代码
2017/04/15 Python
如何用itertools解决无序排列组合的问题
2017/05/18 Python
Python中的四种交换数值的方法解析
2019/11/18 Python
pytorch实现Tensor变量之间的转换
2020/02/17 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
AmazeUI折叠式卡片布局,整合内容列表、表格组件实现
2020/08/20 HTML / CSS
HearthSong官网:儿童户外玩具、儿童益智玩具
2017/10/16 全球购物
Talbots官网:美国成熟女装品牌
2019/11/15 全球购物
语文教育专业推荐信范文
2013/11/25 职场文书
个性与发展自我评价
2014/02/11 职场文书
2014年重阳节老干部座谈会上的讲话稿
2014/09/25 职场文书
乡镇群众路线教育实践活动整改措施
2014/10/04 职场文书
世界遗产导游词
2015/02/13 职场文书
工作保证书怎么写
2015/02/28 职场文书
升职自荐信范文
2015/03/27 职场文书
PHP使用非对称加密算法RSA
2021/04/21 PHP
详解MySQL的半同步
2021/04/22 MySQL
详细谈谈MYSQL中的COLLATE是什么
2021/06/11 MySQL