ホームページ >ウェブフロントエンド >jsチュートリアル >チェックボックスの選択数を制限する JavaScript サンプルコード_JavaScript スキル
チェックボックスの選択数を制限する JavaScript サンプルコード_JavaScript スキル
- WBOYオリジナル
- 2016-05-16 17:24:271080ブラウズ
チェックボックスは 10 個あり、ユーザーは最大 3 個までしかチェックできません。チェックボックスをオンにしないと、すべてのチェックボックスがグレー表示になります。
(ユーザーが再度チェックボックスをオフにしても、再度選択することができます。)
コードの再利用を実現するには、変数部分を JS パラメータとして設定します。
JS コード
最初のパラメータはチェック ボックスの名前で、2 番目のパラメータは許容されるチェックの最大値です。
コードをコピー コードは次のとおりです。
function Choicetest(name,num){
var Choicearr = document.getElementsByName(name);
var a=0;
for(var i=0;i
a=a 1;
}
if(a==num){
for(var i=0;i
choicearr[i].disabled='disabled';
}else{
for(var i=0;i
}
}
サンプルプログラム
コードをコピー コードは次のとおりです。
< head>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />