インラインフレーム内のラジオボタンの値を表示する


動作ブラウザ 【 IE:3.0  NN:6.0
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows - × × × × - × -
Macintosh - × × × × - - ×
UNIX - - - - - × × × × - - -
Dreamcast - - - - - - - - - - × × -

ポイント alert(myFrame.document.myFORM.RD[0].value);
説  明 インラインフレーム内のフォームにあるラジオボタンの値を読み出すには「インラインフレーム名.document.フォーム名.ラジオボタン名[参照番号].value」のように指定します。
サンプル <html> <head> <title>インラインフレーム内のラジオボタンの値を表示する</title> <script language="JavaScript"><!-- function getIFRadio() { alert(myFrame.document.myFORM.RD[0].value); } // --></script> </head> <body> <form name="myFORM"> <input type="button" value="最初のラジオボタンのvalueを表示" onClick="getIFRadio()"> </form> <iframe src="dummy.html" name="myFrame" width="320" height="240"></iframe> </body> </html>
補足説明 インラインフレーム内のHTMLは以下の通りです。 <html> <head> <title></title> </head> <body> <form name="myFORM"> <INPUT TYPE="radio" name="RD" value="1">ラジオボタン1<br> <INPUT TYPE="radio" name="RD" value="2">ラジオボタン2<br> <INPUT TYPE="radio" name="RD" value="3">ラジオボタン3<br> </form> </body> </html>

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA