チェックボックスの選択数を制限する JavaScript サンプルコード

チェックボックスの選択数を制限する JavaScript サンプルコード_JavaScript スキル

WBOY

リリース： 2016-05-16 17:24:27

オリジナル

1055 人が閲覧しました

チェックボックスは 10 個あり、ユーザーは最大 3 個までしかチェックできません。チェックボックスをオンにしないと、すべてのチェックボックスがグレー表示になります。
(ユーザーが再度チェックボックスをオフにしても、再度選択することができます。)
コードの再利用を実現するには、変数部分を JS パラメータとして設定します。

JS コード
最初のパラメータはチェックボックスの名前で、2 番目のパラメータは許容されるチェックの最大値です。

コードをコピーコードは次のとおりです。

 
function Choicetest(name,num){ 
var Choicearr = document.getElementsByName(name); 
var a=0; 
for(var i=0;iif(choicearr[i].checked) { 
a=a 1; 
} 
if(a==num){ 
for(var i=0;iif(!choicearr[ i] をチェックしました) 
choicearr[i].disabled='disabled'; 
}else{ 
for(var i=0;ichoicearr[i] .removeAttribute( 'disabled'); 
} 
} 