易网时代-编程资源站

首页 / 脚本样式 / JavaScript / 选择指定数量后checkbox不可选（变灰）javascript代码

选择3个后可以看到效果

<script> function disableCheckBox（） { var obj=document.getElementsByTagName（"input"） for（var i=0;i<obj.length;i++） { if （ ！obj[i].checked ） obj[i].disabled = true; } } function ableCheckBox（） { var obj=document.getElementsByTagName（"input"） for（var i=0;i<obj.length;i++） obj[i].disabled = false; } function check（） { var obj=document.getElementsByTagName（"input"） var sun=0; for（var i=0;i<obj.length;i++） { if（obj[i].type=="checkbox" && obj[i].checked） sun++; if（ sun< 3 ） { ableCheckBox（）; //break; } else if（sun == 3 ） { disableCheckBox（）; event.srcElement.checked=true; break; } else if（sun > 3 ） { event.srcElement.checked=false; break; } } } </script> <input type="checkbox" name="cate[]" value="102" onclick="check（）;">粤菜 <input type="checkbox" name="cate[]" value="103" onclick="check（）;">潮州 <input type="checkbox" name="cate[]" value="104" onclick="check（）;">客家 <input type="checkbox" name="cate[]" value="105" onclick="check（）;">川菜 <input type="checkbox" name="cate[]" value="106" onclick="check（）;">上海/江浙 <input type="checkbox" name="cate[]" value="107" onclick="check（）;">湖南 <input type="checkbox" name="cate[]" value="108" onclick="check（）;">湖北 <input type="checkbox" name="cate[]" value="109" onclick="check（）;">贵州 <input type="checkbox" name="cate[]" value="110" onclick="check（）;">东北 <input type="checkbox" name="cate[]" value="111" onclick="check（）;">江西 <input type="checkbox" name="cate[]" value="112" onclick="check（）;">北京 <input type="checkbox" name="cate[]" value="113" onclick="check（）;">鲁菜 <input type="checkbox" name="cate[]" value="114" onclick="check（）;">台湾 <input type="checkbox" name="cate[]" value="115" onclick="check（）;">新疆/清真 <input type="checkbox" name="cate[]" value="116" onclick="check（）;">云南 <input type="checkbox" name="cate[]" value="117" onclick="check（）;">其他中餐 <input type="checkbox" name="cate[]" value="118" onclick="check（）;">野味 <input type="checkbox" name="cate[]" value="119" onclick="check（）;">火锅 <input type="checkbox" name="cate[]" value="120" onclick="check（）;">海鲜 <input type="checkbox" name="cate[]" value="121" onclick="check（）;">比萨 <input type="checkbox" name="cate[]" value="122" onclick="check（）;">自助餐 <input type="checkbox" name="cate[]" value="123" onclick="check（）;">茶餐厅 <input type="checkbox" name="cate[]" value="124" onclick="check（）;">小吃面食 <input type="checkbox" name="cate[]" value="125" onclick="check（）;">烧烤 <input type="checkbox" name="cate[]" value="126" onclick="check（）;">素菜 <input type="checkbox" name="cate[]" value="127" onclick="check（）;">简餐 <input type="checkbox" name="cate[]" value="128" onclick="check（）;">快餐 <input type="checkbox" name="cate[]" value="129" onclick="check（）;">面包糕点 <input type="checkbox" name="cate[]" value="130" onclick="check（）;">甜品 <input type="checkbox" name="cate[]" value="131" onclick="check（）;">茶室 <input type="checkbox" name="cate[]" value="132" onclick="check（）;">咖啡厅 <input type="checkbox" name="cate[]" value="133" onclick="check（）;">酒吧 <input type="checkbox" name="cate[]" value="134" onclick="check（）;">日本 <input type="checkbox" name="cate[]" value="135" onclick="check（）;">韩国 <input type="checkbox" name="cate[]" value="136" onclick="check（）;">东南亚印 <input type="checkbox" name="cate[]" value="137" onclick="check（）;">法国 <input type="checkbox" name="cate[]" value="138" onclick="check（）;">意大利 <input type="checkbox" name="cate[]" value="139" onclick="check（）;">拉美 <input type="checkbox" name="cate[]" value="140" onclick="check（）;">无国界 <input type="checkbox" name="cate[]" value="141" onclick="check（）;">西餐 <input type="checkbox" name="cate[]" value="142" onclick="check（）;">其他西餐

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图