radio オブジェクト

説 明: フォーム上の、ラジオボタンを扱うためのオブジェクト。

書 式:
  document.forms[n].blur()
document.forms[n].focus()
document.forms[n].elements[n].blur()
document.forms[n].elements[n].focus()
document.forms[n].elements[n].click()
document.FormObject.blur()
document.FormObject.focus()
document.FormObject.radioObject.blur()
document.FormObject.radioObject.focus()
document.FormObject.radioObject.click()
document.forms[n].name = Name
document.forms[n].elements[n].name = Name
document.forms[n].elements[n].value = Value
Length= document.forms.length
Name = document.forms[n].name
Length= document.forms[n].elements.length
Name = document.forms[n].elements[n].name
Type = document.forms[n].elements[n].type
Value = document.forms[n].elements[n].value
フォーカスを失う
フォーカスを設定
フォーカスを失う
フォーカスを設定
クリックする
フォーカスを失う
フォーカスを設定
フォーカスを失う
フォーカスを設定
クリックする
名前を設定
名前を設定
値を設定
数を返す
名前を取得
数を返す
名前を取得
タイプを取得
値を取得
  document.forms[n].elements[n].checked = BOOL
document.FormObject.radioObject.checked = BOOL
   状態を設定。チェックする時は true、しない時は false を指定。
document.forms[n].elements[n].defaultChecked = BOOL
document.FormObject.radioObject.defaultChecked = BOOL
   初期状態を設定。チェックする時は true、しない時は false を指定。
Form = document.forms[n].elements[n].form
Form = document.FormObject.radioObject.form
Form = this.form
   上記3つどの指定方法でも、フォームオブジェクトを返す。
BOOL = document.forms[n].elements[n].checked
BOOL = document.FormObject.radioObject.checked
   状態を取得。チェック時は true、そうでない時は false が返る。
BOOL = document.forms[n].elements[n].defaultChecked
BOOL = document.FormObject.radioObject.defaultChecked
   初期状態を取得。チェック時は true、そうでない時は false が返る。

使用例:
  <FORM NAME="F1">
  <INPUT TYPE="TEXT" VALUE="1"><INPUT TYPE="TEXT" VALUE="2">
  <INPUT TYPE="CHECKBOX" NAME="c">
  <INPUT TYPE="BUTTON" VALUE="Change Focus" onClick="ChFocus();">
  <INPUT TYPE="BUTTON" VALUE="Check Click" onClick="ChClick();">
</FORM>
<FORM NAME="F2">
  <INPUT TYPE="RADIO" NAME="c">check0
  <INPUT TYPE="RADIO" NAME="c" Checked>check1
  <INPUT TYPE="RADIO" NAME="c">check2
</FORM>
<SCRIPT TYPE="text/JavaScript">
<!--
var cnt = 0;
function ChFocus()
{
  document.F1.elements[cnt].blur();
  document.F1.elements[cnt^1].focus();
  cnt ^= 1;
}
function ChClick()
{
  document.F1.c.click();
}
var F1 = document.F1.elements[0].form;
document.write( "Form Name: ", F1.name, "<BR>" );
var F2 = document.F1;
for( i =0 ; i < F2.elements.length ; i++ ) {
  document.write( "Type[", i, "]  : ",
      F2.elements[i].type, "<BR>" );
}
for( i =0 ; i < F2.elements.length ; i++ ) {
  document.write( "Value[", i, "] : ",
      F2.elements[i].value, "<BR>" );
}
document.write( "Length   : ", F2.elements.length );
var F3 = document.F2;
for( i = 0 ; i < F3.elements.length ; i++ ) {
  document.write( "Checkd[", i, "]       : ",
      F3.elements[i].checked, "<BR>" );
}
for( i = 0 ; i < F3.elements.length ; i++ ) {
  document.write( "DefaultCheckd[", i, "]: ",
      F3.elements[i].defaultChecked, "<BR>" );
}
//-->
</SCRIPT>

実 行:

check0>check1check2