最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery多选框选择数量限制方法
时间:2022-06-25 17:16:42 编辑:袖梨 来源:一聚教程网
在网上找到的,可以使用。由于刷新后,多选框会保留选中的,这时数量达到要求后还是可以选择的bug,在前面加个判断数量是否数量达到要求的处理就可以了。
代码如下 | 复制代码 |
$(function(){
//加上判断是否达到数量要求 if($(":checkbox").size()>=3){ $(":checkbox").removeAttr("checked"); $(":checkbox").attr("disabled","disabled"); $(":checkbox").removeAttr("disabled"); }
var num = 0; $(":checkbox").each(function(){ $(this).click(function(){ if($(this)[0].checked) { ++num; if(num == 3) { //alert("最多选择 三项 的上限已满, 其他选项将会变为不可选."); $(":checkbox").each(function(){ if(!$(this)[0].checked) { $(this).attr("disabled", "disabled"); } }); } } else { --num; if(num <= 2) { $(":checkbox").each(function(){ if(!$(this)[0].checked) { $(this).removeAttr("disabled"); } }); } } }); }); })
|
相关文章
- 守愿者战力怎么提升-新手战力提升攻略 08-14
- 心动小镇稚趣园第五周任务怎么做-稚趣园第五周任务攻略 08-14
- 心动小镇粉色泡泡位置在哪-6.14-6.20泡泡位置攻略 08-14
- 第五人格纸嫁衣联动什么时候上架-纸嫁衣联动角色及获取方式介绍 08-14
- 华夏绘事录妙笔绘录测试福利怎么领-妙笔绘录测试福利一览 08-14
- 赛尔号巅峰之战宿命永恒活动内容有什么-宿命永恒版本内容介绍 08-14