| ポイント |
<![CDATA[
fOBJ = document.myFORM;
for (i=0; i<3; i++) subWin.document.myFORM["saki"][i].checked = fOBJ["moto"][i].checked;
]]>
|
| 説 明 |
ラジオボタンのチェック状態をサブウィンドウのラジオボタンにコピーするには「document.フォーム名[ラジオボタン名][参照番号].checked」で状態を読み出しコピー先のラジオボタンに書き込みをします。コピー先のラジオボタンの指定は「サブウィンドウ名.document.フォーム名[ラジオボタン名][参照番号].checked」になります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>ラジオボタンの状態をサブウィンドウのラジオボタンにコピーする</title>
<script Language="JavaScript"><!--
subWin = window.open("sub.html","sub","width=320,height=240");
function dataCopy()
{
fOBJ = document.myFORM;
for (i=0; i<3; i++) subWin.document.myFORM["saki"][i].checked = fOBJ["moto"][i].checked;
}
// --></script>
</head>
<body>
<form name="myFORM">
■コピー元<br>
<input type="radio" name="moto">ゼロックス<br>
<input type="radio" name="moto">キヤノン<br>
<input type="radio" name="moto">リコー<br>
<input type="button" value="コピー" onClick="dataCopy()">
</form>
</body>
</html>
]]>
|
| 補足説明 |
サブウィンドウ側のファイル内容は以下の通りです。
<![CDATA[
<html>
<head>
<title>ラジオボタンの状態をサブウィンドウのラジオボタンにコピーする</title>
</head>
<body>
<form name="myFORM">
■コピー先<br>
<input type="radio" name="saki">台湾<br>
<input type="radio" name="saki">香港<br>
<input type="radio" name="saki">M$<br>
</form>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
ラジオボタンの状態をサブウィンドウのラジオボタンにコピーする