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上传插件Uploadify出现Http Error 302错误的方法
这篇文章主要为大家详细介绍了解决jQuery上传插件Uploadify出现Http Error 302错误的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-12-12
本文简单说明php用json如何跨域调用，一个小例子，大家看一下就明白2013-11-11
这篇文章主要介绍了关于jquery layui弹出层的使用方法,需要的朋友可以参考下2018-04-04
今天自己写了个轻量级的三级展开菜单，如果需要可以在增加一级别，一般公司的项目三级都足够了。2011-04-04
这篇文章主要介绍了jQuery实现contains方法不区分大小写的方法,实例分析了针对contains方法的重写技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
jQuery在vs2008及js文件中的无智能提示的解决方法
我通过下面方法实现了jQuery在VS2008及js文件中的智能提示的，希望对朋友们有所帮助。2010-12-12
基于JQuery.timer插件实现一个计时器，需要的朋友可以参考下。2010-04-04
这篇文章主要介绍了jQuery中:disabled选择器用法,实例分析了:disabled选择器功能、定义及选取所有禁用的表单元素的技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery统计上传文件大小的方法,主要通过ActiveXObject对象来实现,需要的朋友可以参考下2015-01-01
今天工作的时候遇到一个问题，下面的代码运行之后每次弹出来的都是1，详细的解决方法如下，需要的朋友参考下2013-11-11
最新评论