JQuery限制复选框checkbox可选中个数的方法

 更新时间:2015年04月20日 10:11:33   作者:feige  
这篇文章主要介绍了JQuery限制复选框checkbox可选中个数的方法,涉及jQuery操作复选框长度判断与属性修改的相关技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • jquery 实现回车登录详解及实例代码

    jquery 实现回车登录详解及实例代码

    这篇文章主要介绍了jquery 实现回车登录详解的相关资料,整理了几种方法及简单实现实例,需要的朋友可以参考下
    2016-10-10
  • jQuery实现倒计时(倒计时年月日可自己输入)

    jQuery实现倒计时(倒计时年月日可自己输入)

    本篇文章主要对jQuery实现倒计时进行了实例分析。并附上实例源码,有兴趣的朋友可以下载源码调试运行试试看,希望对大家有所帮助
    2016-12-12
  • jquery datatable后台封装数据示例代码

    jquery datatable后台封装数据示例代码

    这篇文章主要介绍了jquery datatable后台封装数据的示例代码,需要的朋友可以参考下
    2014-08-08
  • JQuery跳出each循环的方法

    JQuery跳出each循环的方法

    这篇文章主要介绍了JQuery跳出each循环的方法,本文讲解了jquery怎么跳出当前的each循环、Jquery each方法跳出循环并获得返回值的方法等内容,需要的朋友可以参考下
    2015-04-04
  • jQuery插件扩展extend的简单实现原理

    jQuery插件扩展extend的简单实现原理

    下面小编就为大家带来一篇jQuery插件扩展extend的简单实现原理。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • jquery text()方法取标签中的文本

    jquery text()方法取标签中的文本

    本节主要介绍了jquery使用text()方法取标签中的文本的具体实现,需要的朋友可以参考下
    2014-07-07
  • jquery图片滚动放大代码分享(2)

    jquery图片滚动放大代码分享(2)

    这篇文章主要介绍了jquery图片滚动放大效果,功能实现非常简单,推荐给大家,有需要的小伙伴可以参考下。
    2015-08-08
  • jquery插件实现扫雷游戏(2)

    jquery插件实现扫雷游戏(2)

    这篇文章主要为大家详细介绍了jquery插件实现扫雷游戏第二篇,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • JQuery select(下拉框)操作方法汇总

    JQuery select(下拉框)操作方法汇总

    这篇文章主要介绍了JQuery select(下拉框)操作方法汇总,本文讲解了获取选中项、获取当前选中项的索引值、获取当前option的最大索引值、获取DropdownList的长度等内容,需要的朋友可以参考下
    2015-04-04
  • 放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解

    放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解

    在Ajax横道的今天,我们在页面交互上有了更高的要求,动态生成HTML毫无疑问是其中的一种。动态生成HTML的方式多种多样,最终通过一定的方法输出给用户innerHTML、documentWrite等方式
    2013-04-04

最新评论