JavaScript ラジオボタンのチェック

検索サイト 便利eelife JavaScriptサンプル集Top
   検索サイト 便利eelife トップ : JavaScriptサンプル集トップ >> ラジオボタン

何番目がチェックされているか調べます。
:ラジオボタン@
:ラジオボタンA
:ラジオボタンB
:ラジオボタンC


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


サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY >
<FORM name="myFORM">
<INPUT type="radio" name="ra" onclick="chg()">:ラジオボタン@<BR>
<INPUT type="radio" name="ra" onclick="chg()">:ラジオボタンA<BR>
<INPUT type="radio" name="ra" onclick="chg()">:ラジオボタンB<BR>
<INPUT type="radio" name="ra" onclick="chg()">:ラジオボタンC
</FORM>

</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
ck_suu=3; //ラジオボタンの数です。0から数えます。
function chg(){
v=0;
for (i=0; i<=ck_suu; i++){
if (document.myFORM.elements[i].checked){v = i+1;
}
}
msg ="チェックは " + v + "番目です。";
alert(msg);
}

// -->
</SCRIPT>
コメント
ラジオボタンの設置

document.myFORM.elements[i].checked  : 上から順にチェックの有無を調べます。

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

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