２つのフォームに値を入れて計算

解決済

質問者：mimimii191
質問日時：2007/12/11 23:52
回答数：3件

２つのフォームを作り、その２つを計算したいのですがオブジェクトの指定の仕方がエラーが出てしまい(オブジェクトを指定してくださいと出ます)わかりません。
どうか教えてください。
ちなみに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>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： yambejp
回答日時：2007/12/12 09:42

かなり突っ込みどころが多いので、ざっと修正してこんな感じで

<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 = "ｘ"></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>