No.1ベストアンサー
- 回答日時:
■フォーム----------------------------------------
<FORM NAME="A">
<INPUT TYPE="text" NAME="aaa" VALUE="0" onChange="Result();">
</FORM>
<FORM NAME="B">
<INPUT TYPE="text" NAME="bbb" VALUE="1" onChange="Result();">
</FORM>
<FORM NAME="C">
<INPUT TYPE="text" NAME="ccc" VALUE="2" onChange="Result();">
</FORM>
<FORM NAME="D">
<INPUT TYPE="text" NAME="ddd">
</FORM>
■JavaScript--------------------------------------
function Result ()
{
intResult = 0;
if (!isNaN(document.A.aaa.value)) intResult += parseInt (document.A.aaa.value);
if (!isNaN(document.B.bbb.value)) intResult += parseInt (document.B.bbb.value);
if (!isNaN(document.C.ccc.value)) intResult += parseInt (document.C.ccc.value);
document.D.ddd.value = intResult;
}
if (!isNaN(document.A.aaa.value))
isNaNは、数値でない値が入っていた場合にtrueを返します。
これで数値が入力されていない場合に対応しています。
intResult += parseInt (document.A.aaa.value);
parseInt()は、文字列を数値化する関数です。
フォームから取得したデータは、全て文字列として扱われますので、そのまま+しても期待したように動作しません。
ただし、onChangeを使用している、数値入力後、どこかをクリックする等しないとResultが読み込まれません。
「合計」ボタンなんかを用意した方が良いかもしれません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
javaScriptの変数をJavaの変数...
-
onclickが動作しない
-
JavaScriptのfileオブジェクト...
-
jQueryでshow/hideが上手く行か...
-
VBScriptで子画面へ配列のデー...
-
formのfileの値をhiddenでも持...
-
【javascript】ボタンクリック...
-
BackSpaceしたい(QNo.2734284の...
-
クリックさせたいが、click()が...
-
innerHTML内では改行は禁止?
-
フォームの数値計算
-
URL 判定
-
javascriptで文字の拡大、縮小
-
同じページにあるtextarea間で...
-
return trueとreturn falseの用...
-
Selectボックスの幅を自動で広...
-
javascriptでhiddenに二次元配...
-
ボタン2回押しを無効にしたい
-
【jQuery】input nameの文字列...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
追加ボタンを押した際に ok ボ...
-
クリックさせたいが、click()が...
-
onclickが動作しない
-
ボタンかリンクをクリックする...
-
javaScriptの変数をJavaの変数...
-
formのfileの値をhiddenでも持...
-
JSのボタンを複数う使うには
-
JavaScriptのfileオブジェクト...
-
innerHTML内では改行は禁止?
-
開いた子ウィンドウにあるボタ...
-
BackSpaceしたい(QNo.2734284の...
-
VB.NETで<Input>タグ、<text...
-
オンクリックで現在時刻の取得→...
-
JQueryでfunctionに引数としてI...
-
複数のテキストボックスの値の...
-
onClickがinput type="image"だ...
-
クリック→テキストボックスに追加
-
Javascriptで'(シングルクォー...
-
テキストフィールド未入力の場...
おすすめ情報