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 firefox兼容ie的dom方法脚本
May 18 Javascript
层序遍历在ExtJs的TreePanel中的应用
Oct 16 Javascript
深入理解Javascript中的循环优化
Nov 09 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
Jun 15 Javascript
有关json_decode乱码及NULL的问题
Oct 13 Javascript
javascript省市区三级联动下拉框菜单实例演示
Nov 29 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
Jan 21 Javascript
JQuery解析XML的方法小结
Apr 02 Javascript
使用react实现手机号的数据同步显示功能的示例代码
Apr 03 Javascript
node错误处理与日志记录的实现
Dec 24 Javascript
详解如何在Vue项目中导出Excel
Apr 19 Javascript
解决ant Design Search无法输入内容的问题
Oct 29 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
apache+mysql+php+ssl服务器之完全安装攻略
2006/09/05 PHP
php面向对象的方法重载两种版本比较
2008/09/08 PHP
PHP异常Parse error: syntax error, unexpected T_VAR错误解决方法
2014/05/06 PHP
php如何比较两个浮点数是否相等详解
2019/02/12 PHP
PHP面向对象程序设计__tostring()和__invoke()用法分析
2019/06/12 PHP
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
2012/02/03 Javascript
这些年、我收集的JQuery代码小结
2012/08/01 Javascript
Jquery为a标签的href赋值实现代码
2013/05/03 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
2013/05/07 Javascript
js之ActiveX控件使用说明 new ActiveXObject()
2014/03/03 Javascript
JavaScript 获取任一float型小数点后两位的小数
2014/06/30 Javascript
Firefox下无法正常显示年份的解决方法
2014/09/04 Javascript
JS清除选择内容的方法
2015/01/29 Javascript
JavaScript基础重点(必看)
2016/07/09 Javascript
微信小程序开发之入门实例教程篇
2017/03/07 Javascript
JS条形码(一维码)插件JsBarcode用法详解【编码类型、参数、属性】
2017/04/19 Javascript
详解使用VueJS开发项目中的兼容问题
2018/08/02 Javascript
vue cli 3.x 项目部署到 github pages的方法
2019/04/17 Javascript
Angular封装表单控件及思想总结
2019/12/11 Javascript
构建一个JavaScript插件系统
2020/10/20 Javascript
Python排序算法之选择排序定义与用法示例
2018/04/29 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
Python编程flask使用页面模版的方法
2018/12/28 Python
python实现弹窗祝福效果
2019/04/07 Python
python之信息加密题目详解
2019/06/26 Python
Django生成PDF文档显示在网页上以及解决PDF中文显示乱码的问题
2019/07/04 Python
python元组的概念知识点
2019/11/19 Python
PyQt5中QTableWidget如何弹出菜单的示例代码
2020/02/23 Python
接口自动化多层嵌套json数据处理代码实例
2020/11/20 Python
酒后驾驶检讨书
2014/01/27 职场文书
消防安全员岗位职责
2014/03/10 职场文书
优秀团干部个人事迹
2014/05/29 职场文书
群众路线领导班子四风对照检查材料
2014/09/27 职场文书
2014小学数学教研组工作总结
2014/12/06 职场文书
公司行政助理岗位职责
2015/04/11 职场文书
Python实现简繁体转换
2021/06/07 Python