最新下载
热门教程
- 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 $(":checkbox").each(function(){ if(!$(this)[0].checked) { $(this).removeAttr("disabled"); } }); } } }); }); })
|
|
相关文章
- 我的常州怎么查社保卡余额 我的常州查询医保卡余额方法 05-06
- 天刀共鸣技能搭配攻略（掌握共鸣技能，提升天刀战斗实力） 05-06
- 《Neverness To Everness》周年庆委托任务在哪里介绍 05-06
- 纳米ai怎么修改资料 纳米ai修改资料方法 05-06
- 月蚀技能攻略（掌握月蚀技能，成为真正的黑暗之王！） 05-06
- 纳米ai怎么静音 纳米ai静音方法 05-06