jQueryで合計を出したい

解決済

質問者：hukazuo
質問日時：2012/06/07 14:35
回答数：1件

<table>

<tr>
<td class="point"><input type="text"></td>
<td class="point"><input type="text"></td>
<td class="point"><input type="text"></td>
<td class="point"><input type="text"></td>
</tr>

</table>

とHTMLで記述していて、jQueryを下記のように記述しました。
var total;
j$(".point:text").change(function(){
j$(".point:text").each(function(){
var point = j$(this).val();
total = parseInt(point)+total;
});
alert(total);
});

alertで返ってくる結果が「NaN」となります。
どのようにすれば合計値が求められるでしょうか。

やりたいことは「pointクラス」内のテキストフォームの値を合計したいです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： utun01
回答日時：2012/06/07 14:54

こんな感じで如何でしょう。

<html>
<head>
<title>テスト</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7 …
<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>