2つのフォームを作り、その2つを計算したいのですがオブジェクトの指定の仕方がエラーが出てしまい(オブジェクトを指定してくださいと出ます)わかりません。
どうか教えてください。
ちなみにforなどは使わなくても大丈夫ですのでよろしくお願いします。
function kei()
{
var kei1 = 0;
kei1=eval(document.A.a11.value) * eval(document.B.b21.value) ;
document.C.c11.value = kei1;
}
<table border = 1>
<form name="A">
<tr>
<td>
<input type = "text" size = 5 name = "a11"></input>
</td>
<td>
<input type = "text" size = 5 name = "a12"></input>
</td>
<td>
<input type = "text" size = 5 name = "a13"></input>
</td>
</tr>
<tr>
<td>
<input type = "text" size = 5 name = "a21"></input>
</td>
<td>
<input type = "text" size = 5 name = "a22"></input>
</td>
<td>
<input type = "text" size = 5 name = "a23"></input>
</td>
</tr>
</form>
</table>
<table boeder = 1>
<tr>
<input type = "button" onClick="kei()" value = "×"></input>
</tr>
</table>
<table border = 1>
<form name="B">
<tr>
<td>
<input type = "text" size = 5 name = "b21"></input>
</td>
<td>
<input type = "text" size = 5 name = "b22"></input>
</td>
<td>
<input type = "text" size = 5 name = "b23"></input>
</td>
</tr>
<tr>
<td>
<input type = "text" size = 5 name = "b31"></input>
</td>
<td>
<input type = "text" size = 5 name = "b32"></input>
</td>
<td>
<input type = "text" size = 5 name = "b33"></input>
</td>
</tr>
</form>
</table>
<table border = 1>
<form name="C">
<tr>
<td>
<input type = "text" size = 5 name = "c11"></input>
</td>
<td>
<input type = "text" size = 5 name = "c12"></input>
</td>
<td>
<input type = "text" size = 5 name = "c13"></input>
</td>
</tr>
<tr>
<td>
<input type = "text" size = 5 name = "c21"></input>
</td>
<td>
<input type = "text" size = 5 name = "c22"></input>
</td>
<td>
<input type = "text" size = 5 name = "c23"></input>
</td>
</tr>
</form>
</table>
No.2ベストアンサー
- 回答日時:
かなり突っ込みどころが多いので、ざっと修正してこんな感じで
<head>
<script>
function kei(){
var form_a=document.getElementById('A');
var form_b=document.getElementById('B');
var form_c=document.getElementById('C');
var kei1 = 0;
kei1=parseInt(form_a.a11.value?form_a.a11.value:0) * parseInt(form_b.b21.value?form_b.b21.value:0) ;
form_c.c11.value = kei1;
}
</script>
<style>
form{
padding:0px;
margin:0px;
}
input.text{
width:3em;
text-align:right;
}
</style>
</head>
<body>
<form id="A">
<table border = 1>
<tr>
<td><input type="text" name="a11" class="text"></td>
<td><input type="text" name="a12" class="text"></td>
<td><input type="text" name="a13" class="text"></td>
</tr>
<tr>
<td><input type="text" name="a21" class="text"></td>
<td><input type="text" name="a22" class="text"></td>
<td><input type="text" name="a23" class="text"></td>
</tr>
</table>
<table border = 1>
<tr>
<td><input type="button" onClick="kei()" value = "x"></td>
</tr>
</table>
</form>
<form id="B">
<table border = 1>
<tr>
<td><input type="text" name="b21" class="text"></td>
<td><input type="text" name="b22" class="text"></td>
<td><input type="text" name="b23" class="text"></td>
</tr>
<tr>
<td><input type="text" name="b31" class="text"></td>
<td><input type="text" name="b32" class="text"></td>
<td><input type="text" name="b33" class="text"></td>
</tr>
</table>
</form>
<form id="C">
<table border = 1>
<tr>
<td><input type="text" name="c11" class="text"></td>
<td><input type="text" name="c12" class="text"></td>
<td><input type="text" name="c13" class="text"></td>
</tr>
<tr>
<td><input type="text" name="c21" class="text"></td>
<td><input type="text" name="c22" class="text"></td>
<td><input type="text" name="c23" class="text"></td>
</tr>
</table>
</form>
</body>
この回答への補足
ありがとうございます!書いてくださったソースではうまくいきました。
ただ、出来たらformはnameで設定したいのですが、その場合はどのようにすればうまくいくのでしょうか?
No.3
- 回答日時:
>出来たらformはnameで設定したい
えーと、formにnameをつけるのは現在の決まりでは非推奨ですので
間違ったやり方を教えるのは不本意なので私からご提示できません。
不可能ではないのでどうしてもというのであればご自身の責任で
対応なさってみるのもよいでしょう。
現在は非推奨なのですね。
無知で申し訳ありません><
これからはidで統一していこうと思います。
本当にありがとうございました!
No.1
- 回答日時:
記載されているソースで、こちらでは問題なく動作します(Win2000、IE6)。
エラーが再現できません。
入力欄が多数ありますが、記載されているソースだと使用する欄は2つですよね?
a11とb21に数字を入力し、×ボタンをクリックすると、問題なくc11に計算結果が入ります。
どのような場合にそのエラーが表示されますか?
再現できないので、助言ができません。
この回答への補足
こちらはWinXPのIE6です。
ボタンをクリックしてイベントを起こそうとすると「オブジェクトを指定してください」とエラーになります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
localStorageでのcheckbox制御
-
jQuery テキストボックス読み取...
-
チェックボックス付きのテーブ...
-
文字数を数える際に空白、改行...
-
innerHTMLで自動生成された表を...
-
formで項目を連結したい
-
ボタンを押下するとテキストフ...
-
投稿の編集について
-
複数のselect値で1つも選択され...
-
Javascriptで自動的に計算する...
-
Javascriptの電卓で最初の何も...
-
JavaScriptで、コピーボタンを...
-
jQueryで合計を出したい
-
return trueとreturn falseの用...
-
Selectの中身をfor文で入れる
-
プルダウン選択を変更すると、...
-
onClickとsubmitの処理順序
-
ラジオボタンにタブインデック...
-
javascriptでセレクトボックス...
-
TextBoxに半角数字以外を入れた...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScriptの「.querySelectorA...
-
複数のselect値で1つも選択され...
-
チェックボックス付きのテーブ...
-
ラジオボタンが選択されたらテ...
-
入力チェックの外部スクリプト...
-
Javascriptの電卓で最初の何も...
-
文字数を数える際に空白、改行...
-
画面の2重起動をチェックする...
-
画面表示とともにtableの指定の...
-
jQueryで合計を出したい
-
localStorageでのcheckbox制御
-
JavaScriptによる自動計算フォーム
-
同一nameの input type="text"...
-
テーブル内のチェックボックス...
-
formで項目を連結したい
-
クリックしたラジオボタンの行...
-
Javascriptで自動計算の合計の...
-
ラジオボタンを一括で操作する...
-
送信ボタン連打を抑止したいです
-
ボタン押下すると一行テキスト...
おすすめ情報