- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：jQueryで合計を出したい）
jQueryで合計を出す方法とは？
このQ&Aのポイント
- jQueryを使用してHTML内の特定のクラスのテキストフォームの値を合計する方法を教えてください。
- 質問者はHTML内に「pointクラス」があり、その内部のテキストフォームの値を合計したいと考えています。
- 現在、質問者はjQueryを使用して「pointクラス」内のテキストフォームの値を合計しようとしていますが、「NaN」という結果が表示されています。
- hukazuo
- お礼率82% (188/228)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じで如何でしょう。 <html> <head> <title>テスト</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type='text/javascript'> $(document).ready(function(){ var total; $(".point input:text").change(function(){ total=0; $(".point input:text").each(function(){ var point = $(this).val(); total = parseInt(point)+total; }); alert(total); }); }); </script> </head> <body> <table> <tr> <td class="point"><input type="text" value="0" /></td> <td class="point"><input type="text" value="0" /></td> <td class="point"><input type="text" value="0" /></td> <td class="point"><input type="text" value="0" /></td> </tr> </table> </body> </html>
お礼
ありがとうございます。 できました！！！