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在一段文字中的光标处插入其他文字
Aug 26 Javascript
Javascript 跨域访问解决方案
Feb 14 Javascript
JavaScript获取图片的原始尺寸以宽度为例
May 04 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
jQuery+Ajax实现无刷新操作
Jan 04 Javascript
json对象与数组以及转换成js对象的简单实现方法
Jun 24 Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 Javascript
javascript实现QQ空间相册展示源码
Dec 12 Javascript
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
Angular resolve基础用法详解
Oct 03 Javascript
js实现点击图片在屏幕中间弹出放大效果
Sep 11 Javascript
js找出5个数中最大的一个数和倒数第二大的数实现方法示例小结
Mar 04 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中ob_start()函数的用法
2013/06/24 PHP
ThinkPHP控制器间实现相互调用的方法
2014/10/31 PHP
php+xml实现在线英文词典之添加词条的方法
2015/01/23 PHP
PHP防盗链的基本思想 防盗链的设置方法
2015/09/25 PHP
适合PHP初学者阅读的4本经典书籍
2016/09/23 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
jQuery EasyUI 的EasyLoader功能介绍
2010/09/12 Javascript
Javascript Objects详解
2014/09/04 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
2015/09/04 Javascript
在Javascript操作JSON对象,增加 删除 修改的简单实现
2016/06/02 Javascript
JS制作图形验证码实现代码
2020/10/19 Javascript
用js写的一个路由(简单实例)
2016/09/24 Javascript
javascript中的隐式调用
2018/02/10 Javascript
vue.js与后台数据交互的实例讲解
2018/08/08 Javascript
微信小程序自定义组件封装及父子间组件传值的方法
2018/08/28 Javascript
jQuery判断自定义属性data-val用法示例
2019/01/07 jQuery
JS实现点击按钮随机生成可拖动的不同颜色块示例
2019/01/30 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
2019/04/30 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
2019/12/20 jQuery
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
JavaScript canvas实现雨滴特效
2021/01/10 Javascript
Python实现将一个大文件按段落分隔为多个小文件的简单操作方法
2017/04/17 Python
R vs. Python 数据分析中谁与争锋?
2017/10/18 Python
python消费kafka数据批量插入到es的方法
2018/12/27 Python
详解Python中的测试工具
2019/06/09 Python
解决python打开https出现certificate verify failed的问题
2020/09/03 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
html5生成柱状图(条形图)效果的实例代码
2016/03/25 HTML / CSS
佳能德国网上商店:Canon德国
2017/03/18 全球购物
Saks Fifth Avenue澳洲/亚太地区:萨克斯第五大道精品百货店
2019/06/09 全球购物
P D PAOLA法国官网:西班牙著名的珠宝首饰品牌
2020/02/15 全球购物
同学聚会老师邀请函
2014/01/28 职场文书
家长通知书家长意见
2015/06/03 职场文书
护理专业毕业自我鉴定
2019/08/12 职场文书
教您:房贷工资收入证明应该怎么写?
2019/08/19 职场文书
python 爬取天气网卫星图片
2021/06/07 Python