指定した番号を選択すると、チェックボックスが選択できなくなります（灰色表示） javascript code

指定した番号を選択すると、チェックボックスが選択できなくなります（灰色表示） javascript code_javascript スキル

WBOY

リリース： 2016-05-16 18:52:01

オリジナル

1426 人が閲覧しました

を選択すると効果が確認できます。
<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 を導入する必要がある場合は、

を実行するために更新する必要があります]<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>