複数のフィールドに設定されている値を特定のイベント発生時に合算しています。
現在は、それぞれの項目をひとつづつ加算し合計を算出していたのですが、項目が徐々に増えてきており、項目を増やすたびに計算を修正しないといけない為、これをどうにかして一括処理できないか考えています。
いろいろ調べるとJqueryではセレクタというものがあり、IDやCLASS等を前方一致で引っ掛けて一括処理できるようなのですが、いまいち処理方法がわかりません。いろいろなサンプルを試したのですが、条件に合致した部分に何かを設定するものばかりで、その項目の値を取得して処理をするようなイメージがつかめません。
セレクタにこだわってはいません。
動的に増える項目を関数化した処理で一括で合算したいのですがなにかよい方法はないでしょうか?
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
class="abc def ghi abcdef" と複数列挙可能
単純に正規表現でマッチさせたので abc で検査するとabcdefも対象となるので注意。
スピードを稼ぐならindexOfかな?
Jqueryを使わずとも...
No.1
- 回答日時:
<html>
<body>
<form>
<input type="text" value="1"><br>
<input type="text" value="100" class="taisho"><br>
<input type="text" value="2"><br>
<input type="text" value="100" class="taisho"><br>
<input type="text" value="3"><br>
<input type="text" value="100" class="taisho"><br>
<input type="text" value="4"><br>
<input type="text" value="100" class="taisho"><br>
<input type="text" value="5"><br>
<input type="text" value="100" class="taisho"><br>
G<input type="text" value="" id="a"><br>
<input type="button" value="計算" onclick="keisan('a','taisho')">
</form>
<script>
function keisan(id,classname){
var r=RegExp(classname);
var cn=[],o=document.getElementsByTagName('input');
for(var i=0,m=o.length;i<m;i++) if(o[i].className.match(r)) cn.push(o[i]);
//cn=document.getElementsByClassName( classname );
var total=0;
for(i=0,m=cn.length;i<m;i++){
total+=cn[i].value-0;
}
document.getElementById( id ).value = total;
}
function keisan2(id,classname){
var total=0, o=document.getElementsByTagName('input');
for(var i=0,m=o.length;i<m;i++) if(o[i].className.match(RegExp(classname))) total+=o[i].value-0;
document.getElementById( id ).value = total;
}
</script>
</body></html>
css_class合致で集計!?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 数学 『数は実在するのか』 6 2023/06/04 15:15
- 化学 有効数字の取り扱いについて 高校化学では、測定値同士の計算結果の有効数字は、測定値に合わせるようにな 4 2022/06/30 14:07
- Excel(エクセル) ExcelのIF関数について 4 2023/05/24 12:54
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- 統計学 t検定について教えてください 2 2023/02/23 16:35
- 数学 数学(数列) 二番の問題 模範解答では 二種類の一般項を出す→掛け合わせる→それをΣ計算する だった 4 2023/04/10 21:31
- 建設業・製造業 見積作成(エクセル)について教えて下さい。 2 2023/05/10 13:47
- Excel(エクセル) バイナリー演算を勉強したい 1 2023/04/19 14:17
- Excel(エクセル) excelにて、ある固定値から連番を振りたいが、上限値が異なる連番を振る処理を複数回行いたい場合 6 2022/10/22 11:01
- システム CSVファイルのマッピング処理の省力化 1 2022/11/24 00:01
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
value内に変数を入れたい
-
hiddenのvalueの値を変えたい
-
SELECTの選択状態を、複数のVAL...
-
ラジオボタンと連動して文字列...
-
テキストボックスに入力された...
-
IEで動くのに、Firefoxで動かな...
-
フォームで入力した値を別のフ...
-
HTML、Javascriptでトグルボタ...
-
JAVASCRIPTで、ボタンを押した...
-
switchを使って四則演算のプロ...
-
クイズ作成:15個の問題から5個...
-
javascriptでhiddenに二次元配...
-
ホームページビルダーのスクリ...
-
プルダウン選択時、既に入力済...
-
チェックボックスがundefinedと...
-
javaスクリプトで、テーブルの...
-
ブラウザ上のテキストボックス...
-
JavaScriptで<select>の<option...
-
【jQuery】input nameの文字列...
-
select内を書き換えることは出...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
value内に変数を入れたい
-
hiddenのvalueの値を変えたい
-
3桁区切りのカンマをつけたい...
-
VB.NET DateTimeの型について
-
複数のsubmitボタンで押された...
-
テキストボックスに入力された...
-
フォーム内容を上から順番にJav...
-
VBAをJavaScriptに変換したいです
-
javascriptでhiddenに二次元配...
-
大量のselect要素のvalueを短い...
-
フォームで入力した値を別のフ...
-
プルダウン選択時、既に入力済...
-
ラジオボタンと連動して文字列...
-
引数に数値、文字列の混在
-
クイズ作成:15個の問題から5個...
-
クリックの度に加算していくには?
-
setIntervalの間隔を途中で変更...
-
Pythonで会員サイトの自動ログ...
-
selectboxのoptionタグのvalue...
-
JavaScriptによる自動計算フォ...
おすすめ情報