###前提・実現したいこと
こちらの記事からテーブル内の数値を合計する事が出来ました。
https://teratail.com/questions/82858
全くの初心者なので可能なのか分かりませんが
ページの読み込みが終わったら、自動で合計を表示する
このような仕様へ変更したいです。
また、表示する際にはエスケープが必要と聞いていたので
今回のケースでも必要なのでしょうか?
必要で有れば、その方法もお願いしたいです。
###発生している問題・エラーメッセージ
###該当のソースコード
<style> #t1 input{text-align:right} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function(){ $('#t1 tbody input').on('change',function(){ var idx=$(this).closest('tr').find('td').index($(this).closest('td')); var sum=0; $(this).closest('tbody').find('tr').each(function(){ var num=parseInt($(this).find('td').eq(idx).find('input').val()); sum+=isNaN(num)?0:num; }); $(this).closest('table').find('tfoot td').eq(idx).find('input').val(sum); }); }); </script> <table id="t1"> <tbody> <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr> <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr> <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr> <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr> <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr> <tr><td><input type="text"></td><td><input type="text"></td><td><input type="text"></td></tr> </tbody> <tfoot> <tr><td i><input type="text" value="0"></td><td><input type="text" value="0"></td><td><input type="text" value="0"></td></tr> </tfoot> </table>
###試したこと
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/01 14:59
2017/12/01 15:03
2017/12/01 15:11
2017/12/01 15:33
2017/12/01 15:46