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脚本调试方法小结
Nov 24 Javascript
使用JS进行目录上传(相当于批量上传)
Dec 05 Javascript
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
用js读、写、删除Cookie代码续篇
Dec 03 Javascript
jQuery制作拼图小游戏
Jan 12 Javascript
jQuery创建DOM元素实例解析
Jan 19 Javascript
利用js实现禁止复制文本信息
Jun 03 Javascript
封装属于自己的JS组件
Jan 27 Javascript
在JavaScript中使用JSON数据
Feb 15 Javascript
Javascript之面向对象--方法
Dec 02 Javascript
基于jQuery中ajax的相关方法汇总(必看篇)
Nov 08 jQuery
vue 对axios get pust put delete封装的实例代码
Jan 05 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
多文件上传的例子
2006/10/09 PHP
PHP面向对象程序设计OOP继承用法入门示例
2016/12/27 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
javascript 同时在IE和FireFox获取KeyCode的代码
2010/02/07 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
2011/09/20 Javascript
js 跳出页面的frameset框架示例介绍
2013/12/23 Javascript
jquery果冻抖动效果实现方法
2015/01/15 Javascript
jQuery判断一个元素是否可见的方法
2015/06/05 Javascript
一道JS前端闭包面试题解析
2015/12/25 Javascript
jQuery获取与设置iframe高度的方法
2016/08/01 Javascript
Bootstrap列表组学习使用
2017/02/09 Javascript
vue props传值失败 输出undefined的解决方法
2018/09/11 Javascript
JS 数组随机洗牌的实例代码
2018/09/12 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
解决Antd Table组件表头不对齐的问题
2020/10/27 Javascript
JS实现购物车基本功能
2020/11/08 Javascript
[05:15]2018年度CS GO社区贡献奖-完美盛典
2018/12/16 DOTA
[48:24]完美世界DOTA2联赛PWL S3 Forest vs INK ICE 第一场 12.09
2020/12/12 DOTA
py中的目录与文件判别代码
2008/07/16 Python
使用Python开发windows GUI程序入门实例
2014/10/23 Python
tensorflow实现对图片的读取的示例代码
2018/02/12 Python
python Dijkstra算法实现最短路径问题的方法
2019/09/19 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
Pycharm如何导入python文件及解决报错问题
2020/05/10 Python
Python操控mysql批量插入数据的实现方法
2020/10/27 Python
KIKO MILANO俄罗斯官网:意大利领先的化妆品和护肤品品牌
2021/01/09 全球购物
员工培训邀请函
2014/02/02 职场文书
租房合同协议书
2014/04/09 职场文书
人力资源管理系自荐信
2014/05/31 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书
学校教师师德师风承诺书
2015/04/28 职场文书
初中班干部工作总结
2015/08/10 职场文书
2016十一国庆节感言
2015/12/09 职场文书
Java异常处理try catch的基本用法
2021/12/06 Java/Android
Java数组详细介绍及相关工具类
2022/04/14 Java/Android