| ポイント |
<![CDATA[
subWin = window.open("sub.html","sub","width=320,height=240");
function setTF(fName)
{
subWin.document.myFORM[fName].checked = document.myFORM[fName].checked;
}
]]>
|
| 説 明 |
チェックボックスをクリックするとサブウィンドウのチェックボックスも連動させるには親ウィンドウとサブウィンドウのチェックボックスの名前を同じにしておきます。同じ名前を使えば「サブウィンドウ名.document.myFORM[チェックボックス名].checked = document.myFORM[チェックボックス名].checked;」として操作することができます。チェックボックス名を引数として渡すことでサンプルのように汎用的にする事もできます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>チェックボックスをクリックするとサブウィンドウのチェックボックスも連動させる</title>
<script Language="JavaScript"><!--
subWin = window.open("sub.html","sub","width=320,height=240");
function setTF(fName)
{
subWin.document.myFORM[fName].checked = document.myFORM[fName].checked;
}
// --></script>
</head>
<body>
<form name="myFORM">
<input type="checkbox" name="Anime1" onClick="setTF(this.name)">アニメ１<br>
<input type="checkbox" name="Anime2" onClick="setTF(this.name)">アニメ２<br>
</form>
</body>
</html>
]]>
|
| 補足説明 |
サブウィンドウ側のスクリプトは以下の通りです。
<![CDATA[
<html>
<head>
<title>チェックボックスをクリックするとサブウィンドウのチェックボックスも連動させる</title>
</head>
<body>
<form name="myFORM">
<input type="checkbox" name="Anime1">アニメ１<br>
<input type="checkbox" name="Anime2">アニメ２<br>
</form>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
チェックボックスをクリックするとサブウィンドウのチェックボックスも連動させる