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 相关文章推荐
JTrackBar水平拖动效果
Jul 15 Javascript
防止动态加载JavaScript引起的内存泄漏问题
Oct 08 Javascript
javascript仿php的print_r函数输出json数据
Sep 13 Javascript
获取select元素被选中的文本内容的js代码
Jan 29 Javascript
JS定义网页表单提交(submit)的方法
Mar 20 Javascript
JS对HTML表格进行增删改操作
Aug 22 Javascript
jQuery滚动条美化插件nicescroll简单用法示例
Apr 18 jQuery
详解关于vue-area-linkage走过的坑
Jun 27 Javascript
jQuery UI实现动画效果代码分享
Aug 19 jQuery
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
Oct 12 Javascript
javascript绘制简单钟表效果
Apr 07 Javascript
JQuery Ajax如何实现注册检测用户名
Sep 25 jQuery
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简写功能的方法
2019/11/28 PHP
JavaScript中实现块作用域的方法
2010/04/01 Javascript
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
2010/10/01 Javascript
图片onload事件触发问题解决方法
2011/07/31 Javascript
javascript获取鼠标位置部分的实例代码(兼容IE,FF)
2013/08/05 Javascript
jquery实现table鼠标经过变色代码
2013/09/25 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
jQuery.event兼容各浏览器的event详细解析
2013/12/18 Javascript
完美实现仿QQ空间评论回复特效
2015/05/06 Javascript
JS调用某段SQL语句的方法
2016/10/20 Javascript
自定义require函数让浏览器按需加载Js文件
2016/11/24 Javascript
JavaScript字符串检索字符的方法
2017/06/23 Javascript
VUE 使用中踩过的坑
2018/02/08 Javascript
Angular6笔记之封装http的示例代码
2018/07/27 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
javascript移动端 电子书 翻页效果实现代码
2019/09/07 Javascript
[48:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第二场 1月29日
2021/03/11 DOTA
python 中if else 语句的作用及示例代码
2018/03/05 Python
详解在Python中以绝对路径或者相对路径导入文件的方法
2019/08/30 Python
python创建学生成绩管理系统
2019/11/22 Python
利用python绘制数据曲线图的实现
2020/04/09 Python
python属于解释语言吗
2020/06/11 Python
Python使用Selenium实现淘宝抢单的流程分析
2020/06/23 Python
HTML5不支持frameset的两种解决方法
2016/11/14 HTML / CSS
法国床上用品商店:La Compagnie du lit
2019/12/26 全球购物
法制宣传日活动总结
2014/04/29 职场文书
公司募捐倡议书
2014/05/14 职场文书
领导班子对照检查材料
2014/09/22 职场文书
实习计划书范文
2015/01/16 职场文书
纪检监察立案决定书
2015/06/24 职场文书
保险公司岗前培训工作总结
2015/10/24 职场文书
护士爱岗敬业心得体会
2016/01/25 职场文书
小学四年级作文之人物作文
2019/11/06 职场文书
sql中mod()函数取余数的用法
2021/05/29 SQL Server
Mysql 数据库中的 redo log 和 binlog 写入策略
2022/04/26 MySQL
教你如何用cmd快速登录服务器
2022/06/10 Servers