| ポイント |
<![CDATA[
sMenu = new Array();
sMenu[0] = new Array("１割引","２割引");
sMenu[1] = new Array("４割引","６割引");
function setCheckbox(n)
{
for (i=0; i<2; i++) document.all["typ"+i].innerText = sMenu[n][i];
}
<select onChange="setCheckbox(this.selectedIndex)">
]]>
|
| 説 明 |
チェックボックスの項目の文字を入れ替えるにはspanタグで変更したい文字を囲んでおきます。この時にid属性で名前を指定しておきます。id名で指定しておけば「id名.innterText = 置換文字列」または「document.innterText = 置換文字列」で文字列を変更することができます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>セレクトメニューで選択された項目に応じてチェックボックスの文字を変える</title>
<script Language="JavaScript"><!--
sMenu = new Array();
sMenu[0] = new Array("１割引","２割引");
sMenu[1] = new Array("４割引","６割引");
function setCheckbox(n)
{
for (i=0; i<2; i++) document.all["typ"+i].innerText = sMenu[n][i];
}
// --></script>
</head>
<body>
<form name="myFORM">
<select onChange="setCheckbox(this.selectedIndex)">
<option>N茶茶</option>
<option>J本</option>
</select>
<input type="checkbox"><span id="typ0">１割引</span>
<input type="checkbox"><span id="typ1">２割引</span>
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
セレクトメニューで選択された項目に応じてチェックボックスの文字を変える