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 相关文章推荐
jquery分页插件AmSetPager(自写)
Apr 15 Javascript
JavaScript结合AJAX_stream实现流式显示
Jan 08 Javascript
javascript函数式编程实例分析
Apr 25 Javascript
JavaScript实现给定时间相加天数的方法
Jan 25 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
Oct 04 Javascript
js print打印网页指定区域内容的简单实例
Nov 01 Javascript
wap手机端解决返回上一页的js实例
Dec 08 Javascript
javascript 删除数组元素和清空数组的简单方法
Feb 24 Javascript
解决ztree搜索中多级菜单展示不全问题
Jul 05 Javascript
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
vue.js实现备忘录demo
Jun 26 Javascript
vue实现lodop打印功能的示例
Nov 11 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 Stream_*系列函数
2010/08/01 PHP
php数组函数序列之sort() 对数组的元素值进行升序排序
2011/11/02 PHP
PHP eval函数使用介绍
2013/12/08 PHP
ThinkPHP关于session的操作方法汇总
2014/07/18 PHP
php 使用file_get_contents读取大文件的方法
2014/11/13 PHP
PHP简单实现生成txt文件到指定目录的方法
2016/04/25 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
php解析非标准json、非规范json的方式实例
2020/12/10 PHP
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
2012/01/04 Javascript
js改变鼠标的形状和样式的方法
2014/03/31 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
2014/05/16 Javascript
推荐6款基于jQuery实现图片效果插件
2014/12/07 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
2016/08/08 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
2018/05/06 Javascript
JS实现简单的抽奖转盘效果示例
2019/02/16 Javascript
java实现单链表增删改查的实例代码详解
2019/08/30 Javascript
js+css3实现炫酷时钟
2020/08/18 Javascript
[58:32]EG vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python装饰器使用方法实例
2013/11/21 Python
使用Python自动化破解自定义字体混淆信息的方法实例
2019/02/13 Python
python识别文字(基于tesseract)代码实例
2019/08/24 Python
tensorflow ckpt模型和pb模型获取节点名称,及ckpt转pb模型实例
2020/01/21 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
keras实现VGG16 CIFAR10数据集方式
2020/07/07 Python
浅析NumPy 切片和索引
2020/09/02 Python
基于DOM+CSS3实现OrgChart组织结构图插件
2016/03/02 HTML / CSS
详解HTML5如何使用可选样式表为网站或应用添加黑暗模式
2020/04/07 HTML / CSS
Jones Bootmaker官网:优质靴子和鞋子在线
2020/11/30 全球购物
迷你西餐厅创业计划书范文
2013/12/31 职场文书
煤矿安全知识竞赛活动总结
2014/07/07 职场文书
查摆剖析材料范文
2014/09/30 职场文书
单位员工收入证明样本
2014/10/09 职场文书
会议开幕词
2015/01/28 职场文书
党风廉正建设责任书
2015/01/29 职场文书
事业单位工作人员年度考核个人总结
2015/02/12 职场文书