• ベストアンサー

多数のテキストボックス値の合計値

例えば、 横に30列ほど可変に並ぶテキストボックスがあって、 更にそれが縦に100行ほど可変に並んでるような表があって、 各行の値を合計欄に表示するJavaScript。これをサーバサイドでなくクライアントで処理したいのです。 単純にスクリプトをずらーっと書いて作ることは、私でも可能ですが、スクリプト行を極力少なくしたいのです。何か良い知恵をお願いします。 (ちなみに、横に並ぶテキストボックス名は、aa_1,aa_2,aa_3・・・というふうに規則的に名付けています。)

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

  • ベストアンサー
  • NINJA104
  • ベストアンサー率43% (133/306)
回答No.1

横列縦列共に動的に生成されると解釈してよろしいですか? それであれば、押さえるポイントとロジックとして、、、 1.縦軸の列数 2.1の要素数を持った配列 3.2の要素にそれぞれの横軸の最大カラム(テキストボックス)数 4.1~3を元に2重ループを回し、eval文を使ってフォーム変数名を動的に生成し順次加算する でいけると思います。

その他の回答 (1)

  • talepanda
  • ベストアンサー率58% (45/77)
回答No.2

例えば全自動なら <html> <head> <script type="text/javascript"> function I(x){return(document.getElementById(x));} function G(){ var ret="" for(var r=0;r<I("nr").value;++r){ ret+="<div>"; for(var c=0;c<I("nc").value;++c)ret+="<input type='text' value='"+Math.random()+"'></input> "; ret+="</div>"; } I("ss").innerHTML=ret; } function C(){ for(var es=I("ss").getElementsByTagName("div"),i=0;i<es.length;++i){ var ret=0; for(var sp=es[i].getElementsByTagName("input"),j=0;j<sp.length;ret+=Number(sp[j++].value)); es[i].innerHTML+=ret; } } </script> </head> <body> col:<input type="text" id="nc" value="30"></input> row:<input type="text" id="nr" value="10"></input> <button onclick="G()">Generate</button> <button onclick="C()">Calculate</button> <pre id="ss"></pre> </body> </html>

関連するQ&A

  • テキストボックスの作り方を教えて下さい。

    エクセルで、この質問内容を入力出来る様なテキストボックスの作り方を教えて下さい。横の行が自動に折り返しをしたり、縦の行にスクロールバーが出来たり。ボックスを固定してすぐ入力出来たり。 宜しくお願いします。

  • エクセルでテキストボックスを作りたいです。

    エクセルで、この質問内容を入力出来る様なテキストボックスの作り方を教えて下さい。横の行が自動に折り返しをしたり、縦の行にスクロールバーが出来たり。ボックスを固定してすぐ入力出来たり。 宜しくお願いします。

  • ワードのテキストボックスのレイアウト

    ワードで、テキストボックスに字を入力して張り付ける場合、行の横位置については、調整できます(左寄せ、右寄せ等)が、行の縦移動について(上寄せ、真ん中、下寄せ)については調整ができません。もし、このテキストボックスに記入された内容の縦位置の調整の方法をご存知の方がいらっしゃいましたら、ご教示願えればと思います。  例 「 教えて 」→「教えて  」はできるが、        「        「教えて      教えて  →      はできない。         」       」

  • テキストボックスがおかしい

    パワーポイントで、今までは横に字を打っていくテキストボックスを指定すれば横に字は打たれていきましたが、横を指定しても縦にしか文字が打てなくなってしまいました。設定を変えた覚えはありませんが直し方が分かりません。教えてください。

  • テキストボックス(ワードです)

    今晩は、下記教えて下さい。宜しく。 (1)テキストボックスの位置を決めたいのですが、 「レイアウトタブー」の右方向の基準T(余白、ページ、段、文字)、下方向の基準W(余白、ページー、段落、行)について、その意味と実際基準及び運用がわかりません。 (2)10cmX10cmの「縦テキストボックス」に文字フォント 24の文字を入れると、「横8文字で縦6列」になるのですが、これを「横8文字で縦8列」に増やしたいのですが、いいやり方あるでしょうか。特に縦の余白部分をなくしたいと思うのですが、(文字フォント は変えずにご指導お願いします。 (3)テキストボックスの書式設定の「テキストボックスと文字列の間隔」左右、上下の具体的な運用と「描画オブジェクトで文字列を折返すW」 「文字列に合わせゼ描画オブジェクトのサイズを調整するT」の意味と 具体的な運用お教え下さい。どうか宜しく。

  • ワードのテキストボックス

    ワードで数式の横にテキストボックスを入れたいのですが数式のある行にテキストボックスを移動させると数式が小さくなってしまいます。どうすれば小さくならないでしょうか? あとテキストボックスの文字を囲む枠はどうやってはずすのでしょうか? よろしくお願いします。

  • テキストボックスの縦横を変えるには

    Word2007で、テキストボックスの横を縦に変更する方法を教えて下さい。

  • 読み込んだテキストの量によってダイナミックテキストの高さを変える

    外部XMLからテキストフィールドにテキストを読み込んでいます。 そのフィールドを含んだMCをattachMovieで縦に並べようと思っています。 テキストの量によってフィールドの高さを可変にすることはできますか? 1行のときは1行分、折り返して2行のときは2行分といった感じです。 テキストを読み込んだフィールドの高さの値が取れれば きれいに縦に並べることができると思うのですが…。

    • ベストアンサー
    • Flash
  • テキストボックスで…

    こんばんは! ワードのテキストボックスの操作で、教えて欲しいことがあります。 私の知人で、ワードのテキストボックスを使おうとすると ボックス自体を移動できなくなってしまいます。 まず1に、テキストボックスを使おうとすると 必ず決まったサイズで表示される。 2に、テキストボックスが表示され、左上を中心?とすると そこは動かず (つまり、移動できない)。 3に、サイズの変更をしようとすると、左上を中心に 横か縦にしか動かず… 動いたと思っても、その面積は常に同じです。 いろんな人にみてもらったり、考えられる設定もやってみたのですが、 やり方が悪いのでしょうか… 直りません。 どなたか、考えられる対処法がありましたら 教えていただけないでしょうか?よろしくお願いします。 (お礼のお返事は、後日させていただきます)

  • テキストボックスの大きさをwinとmacで固定するには?

    テキストボックスの周りが不規則なグラデがかかった画像なので長さを可変にして組むことができず、がっちり画像を切って組みました。 しかし、winでちょうどよくてもmacで見ると、ボックスが大きくなってデザインが崩れてしまいます。 テキストボックスの大きさをwinでもmacでも同じになるように固定することはできないのでしょうか? 納期が迫っていてかなり困っています。 どなたか良いアドバイスをいただけないでしょうか。 よろしくお願いします。

    • 締切済み
    • Mac

専門家に質問してみよう