JavaScript チェックボックスのチェックできる数を制限してアラート alert を出します

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

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

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


サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY>
<FORM name="myFORM"><INPUT type="checkbox" name="CK1" onclick="chg(1)">:チェックボックス@<BR>
<INPUT type="checkbox" name="CK2" onclick="chg(2)">:チェックボックスA<BR>
<INPUT type="checkbox" name="CK3" onclick="chg(3)">:チェックボックスB<BR>
<INPUT type="checkbox" name="CK4" onclick="chg(4)">:チェックボックスC</FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
ck_suu=4;   //チェックボックスの数です。
lim =2;      //チェックできる数
function chg(n){
v=0;       //チェックの合計のカウンタ変数
for (i=0; i<ck_suu; i++){
if (document.myFORM.elements[i].checked){v++;
}
}
if(v>lim){alert((v-1)+"個以上はチェックできません");
document.myFORM.elements[n-1].checked="";
}
}

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

elements[i] : 上から 0, 1, 2,・・・です。
elements[i].checked : でチェックの有無を点検してチェックがあれば V を足してチェック数を数えます。
checked="" : チェックを外します。

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

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