| ポイント |
<![CDATA[
n = 0;
for (i=0; i<5; i++) n += eval(document.myFORM.elements[i].value);
]]>
|
| 説 明 |
複数のテキストフィールドを読み出すには「document.フォーム名.elements[参照番号].value」とします。参照番号は最初のテキストフィールドが0番、以後1、2、3...と連番になります。for命令を使ってテキストフィールドの数だけ参照番号を変えて値を読み出し加算していきます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>テキストフィールドの数値の合計を出す</title>
<script Language="JavaScript"><!--
function calc()
{
n = 0;
for (i=0; i<5; i++) n += eval(document.myFORM.elements[i].value);
alert("合計は"+n+"です");
}
// --></script>
</head>
<body>
<form name="myFORM">
数値１：<input type="text"><br>
数値２：<input type="text"><br>
数値３：<input type="text"><br>
数値４：<input type="text"><br>
数値５：<input type="text"><br>
<input type="button" onClick="calc()" value="合計">
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テキストフィールドの数値の合計を出す