| ポイント |
<![CDATA[
for (i=1; i<=3; i++) n += eval(document.myFORM.elements["nedan"+i].value);
<input type="text" name="nedan1" value="2000">
]]>
|
| 説 明 |
特定の名前のテキストフィールドにアクセスするするにはHTMLのname属性でnedan1、nedan2、nedan3...のように名前と数値の組み合わせで指定しておきます。このように指定しておけば「document.フォーム名.elements["名前"+番号].value」のようにして値を読み出したり書き込むことができます。番号はfor命令を使えば必要な分だけ読み出して連続処理することができます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>特定の名前のテキストフィールドにアクセスする</title>
<script Language="JavaScript"><!--
function calc()
{
n = 0;
for (i=1; i<=3; i++) n += eval(document.myFORM.elements["nedan"+i].value);
alert("合計は"+n+"です");
}
// --></script>
</head>
<body>
<form name="myFORM">
商品１：<input type="text" value="宇宙戦艦ヤマト"><br>
値段：<input type="text" name="nedan1" value="2000"><br>
商品２：<input type="text" value="銀河鉄道999"><br>
値段：<input type="text" name="nedan2" value="999"><br>
商品３：<input type="text" value="キャプテンハーロック"><br>
値段：<input type="text" name="nedan3" value="3000"><br>
<input type="button" onClick="calc()" value="合計">
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
特定の名前のテキストフィールドにアクセスする