check box_form 効果のオプションの最大数を制限する js コード

投票システムなどの一部の Web アプリケーションでは、複数の投票を行う場合、ユーザーは最大でもいくつかの項目を選択して投票する必要があります。つまり、選択できるチェック ボックスの数は最大です。
その方法を説明します。最大の少数を設定するには、いくつかの簡単なスクリプト処理を行う必要があります。以下のコードはすべてインターネットからの転載であり、作者は不明です。
たとえば、次のコードは関連する問題を解決します:

<form name="form" method="post"> <input type="CHECKBOX" name="sample1" onclick="doCheck(this)"> <input type="CHECKBOX" name="sample2" onclick="doCheck(this)">A <input type="CHECKBOX" name="sample3" onclick="doCheck(this)">B <input type="CHECKBOX" name="sample4" onclick="doCheck(this)">C <input type="CHECKBOX" name="sample5" onclick="doCheck(this)">D <input type="CHECKBOX" name="sample6" onclick="doCheck(this)">E <input type="CHECKBOX" name="sample7" onclick="doCheck(this)">F <input type="CHECKBOX" name="sample8" onclick="doCheck(this)">G <input type="CHECKBOX" name="sample9" onclick="doCheck(this)">H <input type="CHECKBOX" name="sample10" onclick="doCheck(this)">私 </form>J
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

コードを変更するときに注意すべき最も重要な点は、
//checkbox 要素の名前の接頭辞です。この場合、sample1、sample2、sample3...
var sCtrlPrefix = "sample";
//チェックボックス要素の数、この場合は 10 ;
var iMaxCheckbox = 10;
チェックボックス要素の名前プレフィックスと要素数がページで定義されているものとわずかに異なる場合、スクリプトは無効になります。
したがって、次のスクリプト関数は汎用です:

<form name="form" method="post"> <input type="CHECKBOX" name="sample1" onclick="doCheck(this)"> <input type="CHECKBOX" name="sample2" onclick="doCheck(this)">A <input type="CHECKBOX" name="sample3" onclick="doCheck(this)">B <input type="CHECKBOX" name="sample4" onclick="doCheck(this)">C <input type="CHECKBOX" name="sample5" onclick="doCheck(this)">D <input type="CHECKBOX" name="sample6" onclick="doCheck(this)">E <input type="CHECKBOX" name="sample7" onclick="doCheck(this)">F <input type="CHECKBOX" name="sample8" onclick="doCheck(this)">G <input type="CHECKBOX" name="sample9" onclick="doCheck(this)">H <input type="CHECKBOX" name="sample10" onclick="doCheck(this)">私 </form>J
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります

]

<form name="form" method="post"> <input type="CHECKBOX" name="sample1" onclick="doCheck(this)"> <input type="CHECKBOX" name="sample2" onclick="doCheck(this)"> <input type="CHECKBOX" name="sample3" onclick="doCheck(this)">A <input type="CHECKBOX" name="sample4" onclick="doCheck(this)">B <input type="CHECKBOX" name="sample5" onclick="doCheck(this)">C <input type="CHECKBOX" name="sample6" onclick="doCheck(this)">D <input type="CHECKBOX" name="sample7" onclick="doCheck(this)">E <input type="CHECKBOX" name="sample8" onclick="doCheck(this)">F <input type="CHECKBOX" name="sample9" onclick="doCheck(this)">G <input type="CHECKBOX" name="sample10" onclick="doCheck(this)">H </form>私 J
[Ctrl A すべて選択 注:

外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります]