住宅借入金等特別控除の計算をHTMLで行いたいです

2023/08/15 15:50

このQ&Aのポイント

住宅借入金等特別控除の計算をHTMLで行いたいですが、作成したフォームで計算ができません。どのようにすれば計算できるのでしょうか？
住宅借入金等特別控除の計算をHTMLのフォームで行いたいですが、計算ができません。解決策はありますか？
HTMLフォームで住宅借入金等特別控除の計算を行いたいのですが、どうすれば計算できるでしょうか？

ベストアンサー

住宅借入金等特別控除の計算をhtmlで行いたいです

2011/08/12 09:03

いま、下のようなフォームを作成しましたが、計算ができません。どのようにすれば、計算されますのでしょうか？ <HTML> <head> <title>住宅借入金等特別控除（連帯債務）</title> </head> <SCRIPT language="JavaScript"> function calc1(){document.tasizan.Z.value=eval(document.tasizan.X.value)+eval(document.tasizan.Y.value);} function calc2(){document.kakezan.Z.value=eval(document.kakezan.X.value)*eval(document.kakezan.Y.value);} function calc3(){document.warizan.Z.value=eval(document.warizan.X.value)/eval(document.warizan.Y.value);} </SCRIPT> <BODY> <BR><CENTER><A id=inta-nettobankinngu name=inta-nettobankinngu> <B><FONT color=black size=+2>■住宅借入金等特別控除（連帯債務）■</CENTER></FONT></B></A><BR> <Table Border> <Tr bgcolor="#FFFFE0"> <Td>連帯債務（共有者の氏名）</Td> <Td>あなた</Td> <Td>共有者１</Td> <Td>合計金額</Td> <Td> </Td> <Td>家屋及び土地の取得対価の額の合計額</Td></Tr> <Tr bgcolor="#FFFFE0"> <Td bgcolor="#FFFFE0">家屋の取得対価の額</Td> <Td bgcolor="#FFFFE0">　</Td> <Td bgcolor="#FFFFE0">　</Td> <Td><input type=text name="kaoku" style="background-color:#F08080"></Td> <Td> </Td> <Td> <form name="tasizan"> <p> <type=text name="kaoku"> + <type=text name="toti"> = <input type=text name="kaokutoti" style="background-color:#F08080"> </p></Td></Tr> <Tr bgcolor="#FFFFE0"> <Td>各共有者の共有持分（家屋）</Td> <Td><input type=text name="youkaoku"></Td> <Td><input type=text name="kyouyukaoku"></Td> <Td>　</Td> <Td> </Td> <Td>借入金と頭金の合計額</Td> </Tr> <Tr bgcolor="#FFFFE0"> <Td bgcolor="#FFFFE0">土地の取得対価の額</Td> <Td bgcolor="#FFFFE0">　</Td> <Td bgcolor="#FFFFE0">　</Td> <Td><input type=text name="toti" style="background-color:#F08080"></Td> <Td> </Td> <Td><input type=text name="kariireatama" style="background-color:#00FFFF"></Td></Tr> <Tr> <Td bgcolor="#FFFFE0">各共有者の共有持分（土地）</Td> <Td><input type=text name="youtoti"></Td> <Td><input type=text name="kyouyutoti"></Td> <Td bgcolor="#FFFFE0">　</Td> <Td> </Td> <Td bgcolor="#FFFFE0">過不足金額（頭金で調整）</Td></Tr> <Tr bgcolor="#FFFFE0"> <Td>各共有者の自己資金負担額<Br> （頭金の負担額）</Td> <Td><input type=text name="youatama" style="background-color:#00FFFF"></Td> <Td><input type=text name="kyouyuatama" style="background-color:#00FFFF"></Td> <Td>　</Td> <Td> </Td> <Td ><input type=text name="kabusoku" style="background-color:#90EE90"></Td></Tr> <Tr bgcolor="#FFFFE0"> <Td>各共有者の単独債務による当初借入金額</Td> <Td><input type=text name="youtandoku" style="background-color:#00FFFF"></Td> <Td><input type=text name="kyouyutandoku" style="background-color:#00FFFF"></Td> <Td>　</Td> <Td> </Td> <Td>自己資金負担額に入力すべき金額</Td></Tr> <Tr bgcolor="#FFFFE0"> <Td>当該債務に係る住宅借入金等に係る年末<Br>残高</Td> <Td><input type=text name="youtougai"></Td> <Td><input type=text name="kyouyutougai"></Td> <Td>　</Td> <Td> </Td> <Td><input type=text name="jikosikinn" style="background-color:#F4A460"></Td> </Tr> <Tr bgcolor="#FFFFE0"> <Td>連帯債務による当初借入金額</Td> <Td>　</Td> <Td>　</Td> <Td><input type=text name="renntai" style="background-color:#00FFFF"></Td> <Td> </Td> <Td>共有者の自己資金負担額に入力すべき金額</Td></Tr> <Tr bgcolor="#FFFFE0"> <Td>当該債務に係る住宅借入金等に係る<Br>年末残高</Td> <Td>　</Td> <Td>　</Td> <Td><input type=text name="tougai"></Td> <Td> </Td> <Td><input type=text name="kyouyujikosikinn" style="background-color:#F4A460"></Td> </Tr> </Table> <BR> <Table Border> <Td>各共有者の負担すべき連帯債務による借<Br>入金の額</Td> <Td><input type=text name="yourenntai"></Td> <Td><input type=text name="kyouyurentai"></Td> <Td>　</Td></Tr> <Td>連帯債務による借入金に係る各共有者の<Br>負担割合<Br> ※ 右の負担割合の合計が１００％となる<Br>よう端数を調整してください。</Td> <Td><input type=text name="youhutan"></Td> <Td><input type=text name="kyouyuhutan"></Td> <Td><center><font size=-1>負担割合合計</font></center><Br><input type=text name="gouokei"></Td></Tr> <Td>当該債務に係る住宅借入金等に係る年末<Br>残高</Td> <Td><input type=text name="younennmatu"></Td> <Td><input type=text name="kyouyunennmatu"></Td> <Td>　</Td></Tr> </Table> <p> <input type="button" value="計算" onClick="calc1()"> <input type="reset" value="やりなおし"> </p> </form>

blue-rapis
お礼率42% (8/19)

JavaScript
回答数1
ありがとう数0

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

reggaepunc
ベストアンサー率59% (64/108)

2011/08/14 14:50 回答No.1

うーむ。htmlのミスとjavascriptのミスが混在していて、、、大変です。とりあえず、一番最初の関数、 -------------------------------- function calc1() { document.tasizan.Z.value = eval( document.tasizan.X.value ) + eval( document.tasizan.Y.value ); } -------------------------------- ↑が動いてないですね、 document.tasizan.Z ↑の要素（html側）が存在しないので動いてない様です。 --- まずはjsで、・入力した値の取り出し、・jsで計算した数字の出力をマスターするところからはじめてみては如何でしょう。質問頂ければ返しますよ。

関連するQ&A

</td><td>で改行されてしまうのは何故ですか？
以下、IE8で閲覧したときのみ [登録を許可する] と [拒否する] のボタンが改行されて表示されてしまいます。 <td>登録を許可する</td><td>拒否する</td>としているので、改行されるのはおかしいと思うのですが、IE8のバグでしょうか？ちなみに、Firefox や Safari などでは二つのボタンは改行されず、横並びできちんと表示されます。また、以下ソース先頭のドキュメント宣言を削除すると、IE8でも二つのボタンは改行されず、横並びで表示されます。 (多少上下位置がズレますが・・・) <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <body> <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr><td> 現在 <b>1件</b> の登録申請が出ています。<br /> そのうちの <b>1番目</b> の申請です。<br /><br /> <form method="post" action="./ps_admin.cgi"> <input type="hidden" name="act" value="reg2" /> <input type="hidden" name="page" value="0" /> <input type="hidden" name="pass" value="" /> <table border="0" cellpadding="0" cellspacing="0" style="text-align:left"> <tr><td> <table border="0" cellpadding="4"> <tr> <td bgcolor="#ffffff">▼お名前<br />  test</td> </tr> <tr> <td bgcolor="#ffffff">▼メールアドレス<br />  test<br /><br /></td> </tr> <tr><td bgcolor="#ffffff"><hr color="#444444"></td></tr> <tr> <td bgcolor="#ffffff"><br />▼サイト名<br /> <input style="width : 262px;" type="text" name="sitename" value="test" size="50" /></td> </tr> <tr> <td bgcolor="#ffffff">▼サイトURL<br /> <input style="width : 362px;" type="text" name="siteurl" value="http://" size="70" /><br /> <a href="" target="_blank">ページを見るときはこのリンクから</a></td> </tr> <tr> <td bgcolor="#ffffff">▼バナー<br />  無し <input type="hidden" name="sitebanner" value="" /> </td> </tr> <tr> <td bgcolor="#ffffff">▼サンプルURL<br />  無し <input type="hidden" name="sampleurl" value=""><br /><br /> </td> </tr> <tr> <td bgcolor="#ffffff">▼コメント<br /> <textarea style="width : 441px;" cols=70 rows=4 name="sitecomment">これはテストです。</textarea></td> </tr> <tr> <td bgcolor="#ffffff">▼キーワード<br /> <input style="width : 362px;" type="text" name="sitekeyword" size=70 value="テスト" /></td> </tr> <tr> <td bgcolor="#ffffff">▼管理人へのコメント<br />  <br /><br /></td> </tr> </table> <table> <tr><td> <input type="hidden" name="name" value="test" /> <input type="hidden" name="email" value="" /> <input type="hidden" name="npass" value="" /> <input type="submit" value="登録を許可する" /> </form></td> <td align="left"> <form method="post" action="./ps_admin.cgi"> <input type="hidden" name="act" value="reg3" /> <input type="hidden" name="page" value="0" /> <input type="hidden" name="pass" value="" /> <input type="hidden" name="name" value="test" /> <input type="hidden" name="sitename" value="test" /> <input type="submit" value="拒否する" /></form></td> </tr></table></td></tr></table> </td></tr> </table> </body> </html> IE8でのXHTML表示関連のバグでしょうか？解決できず大変困っています。どなたか原因がおわかりになる方がおられましたら解決策をお教え頂ければ幸いです。宜しくお願い致します。
- ベストアンサー
- HTML
htmlでインプットボックスを横並びに表示したい。
ホームページを作成しておりますが、tdの中にinput type="text"にてテキストボックスを4つ作成したいと考えております。こちらで拝見いたしましたチェックボックスの右側に文字を表示される方法をご参考にさせていただき、下記を作成しましたが、縦並びになってしまいます。何とかして縦2×横2に置き換えることはできないでしょうか？ブラウザはIE11を使用しており、コードはVisualStudioCodeを使用しております。 <div style="top : 161px;left : 8px; position : absolute; z-index : 4; width : 847px; height : 252px; " id="Layer5"> <div style="background: white; padding: 10px; margin-bottom: 10px; border: 1px solid #333333"> <table border="1" height="252" width="818"> <tr bgcolor="gray" style="color:white" height="50"> <th height="42" width="92"><b>列1</b></th> <th height="42" width="212">列2・列3<br>列4・列5</th> <th height="42" width="137">列7/列8</th> <th height="42" width="189"><b>列9/列10</b></th> </tr> <tr bgcolor="lightyellow"> <td align="center" height="47" width="92"> <input type="text" name=列1 style="background:white; color:#000000;" align="middle" value="83行目"> </td> <td align="center" height="47" width="312"> <input type="text" name=列2 style="background:white; color:#000000;" align="middle" value="86行目"> <input type="text" name=列3 style="background:white; color:#000000;" align="middle" value="87行目"> <input type="text" name=列4 style="background:white; color:#000000;" align="middle" value="88行目"> <input type="text" name=列5 style="background:white; color:#000000;" align="middle" value="89行目"> </td> <td align="center" height="47" width="137"><input type="text" name=列7 style="background:white; color:#000000;" align="middle" value="92行目"> <span> <input type="text" name=列8 style="background:white; color:#000000;" align="middle" value="93行目"> </span> </td> </div> <td align="center" height="47" width="189"><input type="text" name=列9 style="background:white; color:#000000;" align="middle" value="96行目"> <input type="text" name=列0 style="background:white; color:#000000;" align="middle" value="97行目"> </td> </tr> <tr> <td align="center" height="47" width="92"></td> <td align="center" height="47" width="212"></td> <td align="center" height="47" width="137"></td> <td align="center" height="47" width="189"></td> </tr> </table> </div> </div> 【上記で表示させた場合】ーーーーー｜　　86行目　　｜ーーーーー｜ーーーーー｜　　87行目　　｜ーーーーー｜　　96行目　 83行目　　｜　　88行目　　｜　　92行目｜　　97行目ーーーーー｜　　89行目　　｜ーーーーー｜【やりたいこと】ーーーーー｜ーーーーーーーーーー｜ーーーーー｜ーーーーー｜　　86行目｜87行目　｜ーーーーー｜　　96行目　 83行目　　｜　　88行目｜89行目　｜　92行目　｜　　97行目ーーーーー｜ーーーーーーーーーー｜ーーーーー｜
- ベストアンサー
- JavaScript
htmlで行数が増えた場合に自動的に範囲を広げる
現在、ホームページを作成しておりますが、htmlで表示させた場合に一行だけですと画面内に収まりますが、行数が増えていくとその下にあるボタンにかぶさってしまいます。表示する行数が増えた場合に自動的に下に伸ばす方法はございますでしょうか？ HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="justsystems:HPB-Input-Mode" content="mode/flm; pagewidth=940; pageheight=1200"> <meta name="GENERATOR" content="JustSystems Homepage Builder Version 20.0.6.0 for Windows"> <title>タイトル</title> <link rel='stylesheet' href='/stylesheets/style.css' /> </head> <body bgcolor="#a9a9a9"> <table border="1" height="252" width="818"> <tr bgcolor="gray" style="color:white" height="50"> <th height="42" size=10><b>注文日</b></th> <th height="42" width="212">注文名/オプション<br>注文先・個数</th> <th height="42" size=10>合計金額/合計個数</th> <th height="42" size=20><b>注文者/入力者</b></th> </tr> ーーーここでテーブルから複数行取得 <% for(var i in content) { %> <tr bgcolor="lightyellow"> <% var obj = content[i]; %> <td align="center" height="47" size="10"> <input type="text" name=注文日 size="10" style="background:white; color:#000000;" align="middle" value="注文日"> </td> <td align="center" height="47" width="10" style="white-space:nowrap;" > <input type="text" name=注文名 size=4 style="background:white; color:#000000;" align="middle" value="注文名"> <input type="text" name=オプション size=1 style="background:white; color:#000000;" align="middle" value="無"> <input type="text" name=注文先 size=4 style="background:white; color:#000000;" align="middle" value="注文先"> <input type="text" name=単価 size=1 style="background:white; color:#000000;" align="middle" value="単価"> 　　<input type="text" name=個数 size=1 style="background:white; color:#000000;" align="middle" value="個数"> </td> <td align="center" height="47" size=10> <input type="text" name=合計金額 size=10 style="background:white; color:#000000;" align="middle" value="合計金額"> <input type="text" name=合計数 size=10 style="background:white; color:#000000;" align="middle" value="合計数"> </td> <td align="center" height="47" size=20> <input type="text" name=注文者 size=20 style="background:white; color:#000000;" align="middle" value="注文者"> <input type="text" name=入力者 size=20 style="background:white; color:#000000;" align="middle" value="入力者"> </td> </tr> <% } %> <div style="width : 468px;height : 16px;top : 486px;left : 441px; position : absolute; z-index : 2; " id="Layer7" align="right"> <input type="submit" value=" 結果 "> <input type="button" value=" キャンセル "> <input type="button" value=" 戻　　り "> </div> </form> </div> </body> </html>
- ベストアンサー
- HTML
一部スクロール表示が含まれる画面を印刷する方法
ホームページ画面の一部に縦スクロールの設定をしております。画面上に印刷ボタンを作成し、プリントアウトしたいと考えておりますが、ファイル→印刷と押すと表示された部分のみしか印刷されません。どなたかご存じでしたらご教示願います。【HTML】 <div style="top : 161px;left : 8px; position : absolute; z-index : 4; width : 847px; height : 252px; " id="Layer5"> <div style="background: white; padding: 10px; margin-bottom: 10px; border: 1px solid #333333;" class="test"> <table border="1" height="252" width="818"> <tr bgcolor="gray" style="color:white" height="50"> <th height="42" size=10><b>注文日</b></th> <th height="42" width="212">品物・オプション<br>注文先・単価</th> <th height="42" size=10>金額/個数</th> <th height="42" size=20><b>発注者/入力者</b></th> </tr> <% for(var i in content) { %> <tr bgcolor="lightyellow" > <% var obj = content[i]; %> <td align="center" height="47" size="10"> <input type="text" name=注文日 size="10" style="background:white; color:#000000;" align="middle" value="注文日" disabled="disabled"> </td> <td align="center" height="47" width="10" style="white-space:nowrap;" > <input type="text" name=品物 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.品物 %>" disabled="disabled"> <input type="text" name=option size=1 style="background:white; color:#000000;" align="middle" value="" disabled="disabled"> <input type="text" name=品物2 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.品物2 %>" disabled="disabled"> <input type="text" name=option2 size=1 style="background:white; color:#000000;" align="middle" value="" disabled="disabled"> <input type="text" name=品物3 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.品物3 %>" disabled="disabled"> <input type="text" name=option3 size=1 style="background:white; color:#000000;" align="middle" value="" disabled="disabled"><br> <input type="text" name=tyumonsaki size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.order_destination %>" disabled="disabled"> <input type="text" name=単価 size=1 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.単価 %>" disabled="disabled"> <input type="text" name=tyumonsaki2 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.order_destination2 %>" disabled="disabled"> <input type="text" name=単価2 size=1 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.単価2 %>" disabled="disabled"> <input type="text" name=tyumonsaki3 size=4 style="background:white; color:#000000;" align="middle" value="<%= obj.order_destination3 %>" disabled="disabled"> <input type="text" name=単価3 size=1 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.単価3 %>" disabled="disabled"> </td> <td align="center" height="47" size=10> <input type="text" name=合計金額 size=10 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.合計金額 %>" disabled="disabled"> <input type="text" name=合計数 size=10 style="background:white; color:#000000; text-align: right;" align="middle" value="<%= obj.合計数 %>" disabled="disabled"> </td> <td align="center" height="47" size=20> <input type="text" disabled="disabled" name=発注者 size=20 style="background:white; color:#000000;" align="middle" value="<%= obj.発注者 %>"> <input type="text" disabled="disabled" name=入力者 size=20 style="background:white; color:#000000;" align="middle" value="<%= obj.入力者 %>"> </td> </tr> <% } %> </table> </div> </div> 【CSS】 .test { height: 250px; overflow-y: scroll; }
- 締切済み
- JavaScript
フォームを必須項目にしたい
*印を必須項目にしたいです。どうすればいいですか？ <form action="mailto:***@***.co.jp" method="POST" enctype="text/plain" name="signup" onSubmit="return validateForm(this,arrFormValidation);"> <table cellspacing="2" cellpadding="2" border="0" class="body" width="601"> <tr> <td align="left" width="120" valign="top" bgcolor="#D5CED1" title="全角"><font color="#A4003A">*<font color="#320012">名字 :</font></font></td> <td valign="top" width="463"><input type="text" name="名字" size="20"></td> </tr> <tr> <td align="left" width="120" valign="top" bgcolor="#D5CED1" title="任意に入力してください。"><font color="#320012">　電話番号 :</font></td> <td valign="top" width="463"><input type="text" name="電話番号" size="20"></td> </tr> <tr> <td align="left" width="120" valign="top" bgcolor="#D5CED1"><font color="#A4003A">*<font color="#320012"></font></font><font color="#320012">アンケート</font></td> <td valign="top" width="463"> 項目１　　<input type="radio" value="１" name="項目１">１　　<input type="radio" value="２" name="項目１">２<br> 項目２　　<input type="radio" value="１" name="項目２">１　　<input type="radio" value="２" name="項目２">２ </td> </tr> <tr> <td align="left" width="120" valign="top" bgcolor="#D5CED1"><font color="#320012">　送信 :</font></td> <td width="463">　<input type="submit" name="B1" value="送信" style="background:#5C5868;color:#E4FF00;" title="送信を開始する祢。"></td> </tr> </table> </form>
- ベストアンサー
- JavaScript
<input type="hidden" name="action"
<input type="hidden" name="action" <input type="hidden" name="action" value="sendmail"> <table cellspacing="1" cellpadding="5" width="580" bgcolor="black" align="center"> <tr> <td bgcolor="#efffff" width="110"><font color=black>氏名</font></td> <td bgcolor="#ffffff"><input type="text" name="name" size="30" value="" maxlength="70"></td> </tr> <tr> <td bgcolor="#efffff"><font color=black size="2">メールアドレス</font></td> <td bgcolor="#ffffff"><input type="text" name="mail" size="50" value="" maxlength="80"></td> </tr> <tr> <td bgcolor="#efffff"><font color=black>地域</font></td> <td bgcolor="#ffffff"><input type="text" name="address" size="50" value="" maxlength="70"></td> </tr> <tr> <td bgcolor="#efffff"><font color=black>御問合せ内容</font></td> <td bgcolor="#ffffff"><textarea name="comment" rows="5" cols="48"></textarea></td> </tr> </table> <center> <input type="submit" name="sub" value="クリック"> </center> </form> <h2>当サイトへの御要望</h2> <p>■各項目を御記入頂き、下のボタンをクリックして下さい。</p> <form action="form.php" method="post"> <input type="hidden" name="action" value="sendmail"> <table cellspacing="1" cellpadding="5" width="580" bgcolor="black" align="center"> <tr> <td bgcolor="#efffff" width="110"><font color=black>氏名</font></td> <td bgcolor="#ffffff"><input type="text" name="name" size="30" value="" maxlength="70"></td> </tr> <tr> <td bgcolor="#efffff"><font color=black>メールアドレス</font></td> <td bgcolor="#ffffff"><input type="text" name="mail" size="50" value="" maxlength="80"></td> </tr> <tr> <td bgcolor="#efffff"><font color=black>御要望</font></td> <td bgcolor="#ffffff"><textarea name="comment" rows="5" cols="48"></textarea></td> </tr> </table> <center> <input type="submit" name="sub" value="クリック"> </center> </form> (1)これらを含めたサイトを「HTML4,01」（文字コード「shift_jis」）で作成していました。 (2)このフォームタグをそのまま「XHTML1,0」で作成したサイト（文字コード「UTF-8」）に埋め込むには、書き直す箇所がありますでしょうか? PHPファイルも(1)で使用していたモノをそのまま(2)に使用したいと思っているのですが、文字化けがなおりません。 PHPに関しても、記述しなおす箇所があるのでしょうか? 詳しい方、お助け下さい。宜しくお願いします。 PHPファイルは、(1)の時は正常に動作していました。
- ベストアンサー
- PHP
フォーム内容がメールでうまく取得できない
ホームページ作り初心者です。くだらない質問かもしれないのですが、行き詰まって悩んでいます…。どうかよろしくお願い致します。今、CGIを使ってフォームを作っています。基本的なフォームでは問題がないので、CGI自体に問題はないと思います。それが、メールフォームをテーブルで囲まれたデザインにした途端、フォーム内容がうまくメールで取得できなくなりました。本当なら「shopname = ○○○○ 　name = ○○○○ 　tel = ○○○○ 　email = ○○○○ 　question = ○○○○」と送ってほしいのに、「shopname = 　○○○○ 　name」となんとも中途半端な内容が送られてきます…。テーブルを使ったからCGIがうまく作動しないのか、HTMLがおかしいのか、CGIがおかしいのか、どこがいけないのかわかりません。アドバイスいただけたら嬉しいです。宜しくお願い致します。以下、フォームのHTMLです。 --------------------------------------- <form action="./postmail.cgi" method="post" enctype="text/plain" name="form1" id="form1"> <table width="520" border="0" cellspacing="2" cellpadding="2" bgcolor="#7EBEB6"> <tr> <td width="152" bgcolor="#FFFFFF" class="style3"><center> 店舗名 </center></td> <td width="354" bgcolor="#FFFFFF"><input type="text" name="shopname" size="44" /> </td> </tr> <tr> <td width="152" bgcolor="#FFFFFF" class="style3"><center> ご担当者名 </center></td> <td width="354" bgcolor="#FFFFFF"><input type="text" name="name" size="44" id="name" /> </td> </tr> <tr> <td width="152" bgcolor="#FFFFFF" class="style3"><center> お電話番号 </center></td> <td width="354" bgcolor="#FFFFFF"><input type="text" name="tel" size="44" id="tel" /> </td> </tr> <tr> <td width="152" bgcolor="#FFFFFF" class="style3"><center> メールアドレス </center></td> <td width="354" bgcolor="#FFFFFF"><input type="text" name="email" size="44" id="email" /> </td> </tr> <tr> <td width="152" bgcolor="#FFFFFF" class="style3"><center> メールアドレス（確認用） </center></td> <td width="354" bgcolor="#FFFFFF"><input type="text" name="email2" size="44" id="email2" /> </td> </tr> <tr> <td width="152" bgcolor="#FFFFFF" class="style3"><center> お問い合わせ内容 </center></td> <td width="354" bgcolor="#FFFFFF"><textarea name="question" cols="43" rows="7"></textarea></td> </tr> </table> <br /> <input type="submit" name="button" id="button" value="送信" /> <input type="reset" name="button2" id="button2" value="すべてクリア" /> <br /> </form>
- ベストアンサー
- HTML
動的な表の計算
いつもお世話になります。見よう見まねでやっている初心者です。下記のような動的な表があります（PHPで表の行が可変します。） name="aa"に入力された値とname="bb"に入力された値の足し算の回答をname="kaito"に出したいと思っています。計算ボタンを押すとname="kaito"に答えを出したいのですが、以下のような式ですと当然ながら全く反応しません。 javascriptまたはPHPをどう記述すれば表の値を計算できるようになるのでしょうか？できれば具体的に教えて頂ければ大変助かります。ご教授の程よろしくお願い致します。 <script> function keisan(){document.tasizan.kaito.value=(document.tasizan.aa.value)+(document.tasizan.bb.value)} </script> <form name="tasizan"> <table width="100" border="1"> <tr> <th width="10" scope="col">a</th> <th width="10" scope="col">b</th> <th width="20" scope="col">回答</th> </tr> <tr> <td><INPUT type="text" name="aa" ></td><td><INPUT type="text" name="bb" ></td><td><INPUT type="text" name="kaito" ></td> <td><input type="button" value="計算" onclick="keisan()"/></td> </tr> <tr> <td><INPUT type="text" name="aa" ></td><td><INPUT type="text" name="bb" ></td><td><INPUT type="text" name="kaito" ></td> <td><input type="button" value="計算" onclick="keisan()"/></td> </tr> <tr> <td><INPUT type="text" name="aa" ></td><td><INPUT type="text" name="bb" ></td><td><INPUT type="text" name="kaito" ></td> <td><input type="button" value="計算" onclick="keisan()"/></td> </tr> <tr> <td><INPUT type="text" name="aa" ></td><td><INPUT type="text" name="bb" ></td><td><INPUT type="text" name="kaito" ></td> <td><input type="button" value="計算" onclick="keisan()"/></td> </tr> </table> </form>
- ベストアンサー
- JavaScript
javascriptによる計算
テキストボックス「a1～6」の値とテキストボックス「b1～6」に入力された値を足し算してテキストボックス「ｃ1～6」（例…c[i] = a[i] + b[i]）を計算するJavaScriptを作成しているのですが、結果がundefinedになってしまい上手くいきません。どうやったら動くのかどうかご教授ください。以下ソース↓ <script language ="JavaScript"> function plus() { var intResult = 0; for (i=1; i<=6; i++){ intResult[i] = 0; if (!isNaN(document.forms["A"].all["a"+i].value) && !isNaN(document.forms["B"].all["b"+i].value)){ intResult[i] += parseInt(document.forms["A"].all["a"+i].value); intResult[i] += parseInt(document.forms["B"].all["b"+i].value); } <table border = 1> <tr> <td> <table border = 1> <tr> <td> <form name="A"> <input type = "text" size = 5 name = "a1"></input> </td> <td> <input type = "text" size = 5 name = "a2"></input> </td> <td> <input type = "text" size = 5 name = "a3"></input> </td> </tr> <tr> <td> <input type = "text" size = 5 name = "a4"></input> </td> <td> <input type = "text" size = 5 name = "a5"></input> </td> <td> <input type = "text" size = 5 name = "a6"></input> </form> </td> </tr> </table> </td> <td> <table boeder = 1> <tr> <input type = "button" onClick="plus()" value = "＋"></input> </tr> </table> </td> <td> <table border = 1> <tr> <td> <form name = "B"> <input type = "text" size = 5 name = "b1"></input> </td> <td> <input type = "text" size = 5 name = "b2"></input> </td> <td> <input type = "text" size = 5 name = "b3"></input> </td> </tr> <tr> <td> <input type = "text" size = 5 name = "b4"></input> </td> <td> <input type = "text" size = 5 name = "b5"></input> </td> <td> <input type = "text" size = 5 name = "b6"></input> </form> </td> </tr> </table> </td> </tr> </table> 答え <form name = "C"> <table border = 1> <tr> <td> <input type = "text" size = 5 name = "c1"></input> </td> <td> <input type = "text" size = 5 name = "c2"></input> </td> <td> <input type = "text" size = 5 name = "c3"></input> </td> </tr> <tr> <td> <input type = "text" size = 5 name = "c4"></input> </td> <td> <input type = "text" size = 5 name = "c5"></input> </td> <td> <input type = "text" size = 5 name = "c6"></input> </td> </tr> </table> </form> </body> document.C.all["c"+i].value = intResult[i]; } } </script>
- ベストアンサー
- JavaScript
２つのフォームに値を入れて計算
２つのフォームを作り、その２つを計算したいのですがオブジェクトの指定の仕方がエラーが出てしまい(オブジェクトを指定してくださいと出ます)わかりません。どうか教えてください。ちなみに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>
- ベストアンサー
- JavaScript