valueプロパティ
一つ一つのラジオボタンが持っている値です。
Radioオブジェクトは典型的に次のように用います。
<![CDATA[
function test1(form) {
var base; //基数
var num = eval(form.text1.value); //式を評価
for(i = 0; i < form.radio1.length; i++) //全てのラジオボタンをスキャン
if(form.radio1[i].checked) { //チェックされていたら
base = parseInt(form.radio1[i].value); //それが基数
break;
}
form.text1.value = num.toString(base);
}
<CENTER><FORM><TABLE><TR>
<TD><INPUT TYPE="text" NAME="text1" SIZE=20></TD>
<TD> <INPUT TYPE="button" VALUE="Calc" ONCLICK="test1(this.form)"> </TD>
<TD><INPUT TYPE="radio" NAME="radio1" VALUE="2"> 2進数<BR>
<INPUT TYPE="radio" NAME="radio1" VALUE="10" CHECKED>10進数<BR>
<INPUT TYPE="radio" NAME="radio1" VALUE="16">16進数</TD>
</TR></TABLE></FORM></CENTER>
]]>
テキストボックスに 1+1、Math.sqrt(100) などと式を入力し、
結果を表示させたい進数を選んでからボタンを押してください。
Internet Explorer 3.0 ではtoString
メソッドはオブジェクトにしか使えないようです。
このように個々のラジオボタンにアクセスするには、
radioobject[index]
と配列の形式を用います。どのラジオボタンがチェックされているかを調べるには
これを用いるより他にないでしょう。
onClickイベントハンドラ
クリックされたときに実行されます。
Radioオブジェクトのもう一つの典型的な使用方法は
次のようです。
<![CDATA[
var prebase = 10; //前に選ばれている基数
function test2(base) {
var num;
with (document.form1.text1) {
num = parseInt(value, prebase); //前の基数で整数化
value = num.toString(base); //現在の基数で文字列に
prebase = base;
}
}
<CENTER><FORM NAME="form1"><TABLE><TR>
<TD><INPUT TYPE="text" NAME="text1" SIZE=20> </TD>
<TD><INPUT TYPE="radio" NAME="radio1" ONCLICK="test2(2)"> 2進数<BR>
<INPUT TYPE="radio" NAME="radio1" CHECKED ONCLICK="test2(10)">10進数<BR>
<INPUT TYPE="radio" NAME="radio1" ONCLICK="test2(16)">16進数</TD>
</TR></TABLE></FORM></CENTER>
]]>
整数をテキストボックスに入力してラジオボタンを適当にクリックしてください。
基数変換が行なわれます（細かいバグは気にしない）。