After selecting the specified number, the checkbox is unselectable (grayed) javascript code_javascript skills

You can see the effect after selecting 3

<input type="checkbox" name="cate[]" value="102" onclick="check();"> <input type="checkbox" name="cate[]" value="103" onclick="check();">Cantonese cuisine<input type="checkbox" name="cate[]" value="104" onclick="check();">Chaozhou<input type="checkbox" name="cate[]" value="105" onclick="check();">Hakka<input type="checkbox" name="cate[]" value="106" onclick="check();">Sichuan cuisine<input type="checkbox" name="cate[]" value="107" onclick="check();">Shanghai/Jiangzhe<input type="checkbox" name="cate[]" value="108" onclick="check();">Hunan<input type="checkbox" name="cate[]" value="109" onclick="check();">Hubei<input type="checkbox" name="cate[]" value="110" onclick="check();">Guizhou<input type="checkbox" name="cate[]" value="111" onclick="check();">Northeast China<input type="checkbox" name="cate[]" value="112" onclick="check();">Jiangxi<input type="checkbox" name="cate[]" value="113" onclick="check();">Beijing<input type="checkbox" name="cate[]" value="114" onclick="check();">Shandong Cuisine<input type="checkbox" name="cate[]" value="115" onclick="check();">Taiwanese<input type="checkbox" name="cate[]" value="116" onclick="check();">Xinjiang/Halal<input type="checkbox" name="cate[]" value="117" onclick="check();">Yunnan<input type="checkbox" name="cate[]" value="118" onclick="check();">Other Chinese food<input type="checkbox" name="cate[]" value="119" onclick="check();">Game<input type="checkbox" name="cate[]" value="120" onclick="check();">Hot pot<input type="checkbox" name="cate[]" value="121" onclick="check();">Seafood<input type="checkbox" name="cate[]" value="122" onclick="check();">Pizza<input type="checkbox" name="cate[]" value="123" onclick="check();">Buffet<input type="checkbox" name="cate[]" value="124" onclick="check();">Tea restaurant<input type="checkbox" name="cate[]" value="125" onclick="check();">Snacks and pasta <input type="checkbox" name="cate[]" value="126" onclick="check();">Barbecue<input type="checkbox" name="cate[]" value="127" onclick="check();">Vegetarian<input type="checkbox" name="cate[]" value="128" onclick="check();">Simple meal<input type="checkbox" name="cate[]" value="129" onclick="check();">Fast food<input type="checkbox" name="cate[]" value="130" onclick="check();">Breads and pastries<input type="checkbox" name="cate[]" value="131" onclick="check();">Desserts<input type="checkbox" name="cate[]" value="132" onclick="check();">Tea room<input type="checkbox" name="cate[]" value="133" onclick="check();">Cafe<input type="checkbox" name="cate[]" value="134" onclick="check();">Bar<input type="checkbox" name="cate[]" value="135" onclick="check();">Japanese<input type="checkbox" name="cate[]" value="136" onclick="check();">Korea<input type="checkbox" name="cate[]" value="137" onclick="check();"> Southeast Asia, India<input type="checkbox" name="cate[]" value="138" onclick="check();">France<input type="checkbox" name="cate[]" value="139" onclick="check();">Italy<input type="checkbox" name="cate[]" value="140" onclick="check();">Latin America<input type="checkbox" name="cate[]" value="141" onclick="check();">Borderless<input type="checkbox" name="cate[]" value="142" onclick="check();">Western FoodOther Western Food
[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute

]<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>