JavaScript チェックボックスのチェックできる数を2個に制限します

検索サイト 便利eelife JavaScriptサンプル集Top
   検索サイト 便利eelife トップ : JavaScriptサンプル集トップ >> チェックボックス

チェックできる数を2個に制限します。
:チェックボックス@
:チェックボックスA
:チェックボックスB
:チェックボックスC

サンプルソースから書き方まで、JavaScriptに関する情報はこちら  All About [JavaScript]


サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<FORM name="myFORM"><INPUT type="checkbox" name="CK0" onclick="chg()">:チェックボックス@<BR>
<INPUT type="checkbox" name="CK1" onclick="chg()">:チェックボックスA<BR>
<INPUT type="checkbox" name="CK2" onclick="chg()">:チェックボックスB<BR>
<INPUT type="checkbox" name="CK2" onclick="chg()">:チェックボックスC</FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
ck_suu=4;   //チェックボックスの数
lim =2;   //チェックできる数
Elem = new Array();   //チェックの有無を格納する配列
function chg(){
v=0;   //チェックの合計
for (i=0; i<ck_suu; i++){
Elem[i]=i;
if (document.myFORM.elements[i].checked){Elem[i]="chk"; 
v++;}
}
if(v>=lim){
for (i=0; i<ck_suu; i++){
if(Elem[i]=="chk"){document.myFORM.elements[i].disabled = "";}
else{document.myFORM.elements[i].disabled = true;}
}
}
else{for (i=0; i<ck_suu; i++)
document.myFORM.elements[i].disabled = "";}

}

// -->
</SCRIPT>
コメント
チェックボックスの設置とスタイルの変更。

disabled
document.myFORM.elements[i].checked){Elem[i]="chk"; チェックがあれば Elem[i] に "chk"を
格納します。

サンプルソースから書き方まで、JavaScriptに関する情報はこちら  All About [JavaScript]

サイトマップ Copyright (C) eelife  All rights reserved リンクはご自由に