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实现的分页函数
Feb 07 Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
Jun 08 Javascript
JavaScript自定义日期格式化函数详细解析
Jan 14 Javascript
JavaScript中var关键字的使用详解
Aug 14 Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
Jun 23 Javascript
vue.js学习之递归组件
Dec 13 Javascript
Angular4学习之Angular CLI的安装与使用教程
Jan 04 Javascript
vue单文件组件lint error自动fix与styleLint报错自动fix详解
Jan 08 Javascript
微信小程序点餐系统开发常见问题汇总
Aug 06 Javascript
vue 实现微信浮标效果
Sep 01 Javascript
ES6 Symbol在对象中的作用实例分析
Jun 06 Javascript
JavaScript实现串行请求的示例代码
Sep 14 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中在PDO中使用事务(Transaction)
2011/05/14 PHP
PHP编译安装中遇到的两个错误和解决方法
2014/08/20 PHP
php socket通信(tcp/udp)实例分析
2016/02/14 PHP
PHP入门教程之面向对象基本概念实例分析
2016/09/11 PHP
记录一次排查PHP脚本执行卡住的问题
2016/12/27 PHP
javascript 贪吃蛇实现代码
2008/11/22 Javascript
Javascript学习笔记4 Eval函数
2010/01/11 Javascript
jquery如何改变html标签的样式(两种实现方法)
2013/01/16 Javascript
Jquery插件easyUi表单验证提交(示例代码)
2013/12/30 Javascript
jquery实现手机号码选号的方法
2015/07/31 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
2015/09/22 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
2015/11/26 Javascript
js+html5操作sqlite数据库的方法
2016/02/02 Javascript
老司机带你解读jQuery插件开发流程
2016/05/16 Javascript
JavaScript中的冒泡排序法
2016/08/03 Javascript
浅谈vue的踩坑路
2017/08/31 Javascript
vue.js根据代码运行环境选择baseurl的方法
2018/02/28 Javascript
select2 ajax 设置默认值,初始值的方法
2018/08/09 Javascript
vue: WebStorm设置快速编译运行的方法
2018/10/18 Javascript
vue穿梭框实现上下移动
2021/01/29 Vue.js
[40:29]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第一场
2018/04/10 DOTA
天翼开放平台免费短信验证码接口使用实例
2013/12/18 Python
Python开发常用的一些开源Package分享
2015/02/14 Python
Python实现八大排序算法
2016/08/13 Python
python实现决策树C4.5算法详解(在ID3基础上改进)
2017/05/31 Python
python实现海螺图片的方法示例
2019/05/12 Python
利用python计算windows全盘文件md5值的脚本
2019/07/27 Python
python3实现raspberry pi(树莓派)4驱小车控制程序
2020/02/12 Python
HEMA英国:荷兰原创设计
2018/08/28 全球购物
学生会干部自荐信
2014/02/04 职场文书
2015元旦晚会主持词(开场白+结束语)
2014/12/14 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
铁人纪念馆观后感
2015/06/16 职场文书
HTML中table表格拆分合并(colspan、rowspan)
2021/04/07 HTML / CSS
浅谈Java父子类加载顺序
2021/08/04 Java/Android
Nginx禁止ip访问或非法域名访问
2022/04/07 Servers