我有一个带有som输入字段的表,我想总结特定的行。在一列中,我有一个以上的总数,当列中的一个总计有效但是多于一个时不起作用。请帮忙,这是代码: http://jsfiddle.net/cesKr/2/
$(document).keyup(function(){
var getSum = function (colNumber) {
var sum = 0;
var selector = '.col' + colNumber;
$('#sum_table').find(selector).each(function (index, element) {
if(!isNaN(this.value) && this.value.length!=0){
sum += parseInt($(element).val());
}
});
return sum;
};
$('#sum_table').find('.total').each(function (index, element) {
$(this).val(getSum(index + 1));
});
});
<table id="sum_table" width="300" border="1">
<tr>
<td>Apple</td>
<td>Orange</td>
<td>Watermelon</td>
</tr>
<tr>
<td><input type="text" class="total" name="one" value=""/></td>
<td ><input class="col2" type="text" name="one" value="2"/></td>
<td ><input class="col3" type="text" name="one" value="1"/></td>
</tr>
<tr>
<td ><input class="col1" type="text" name="two" value="1"/></td>
<td ><input type="text" class="total" name="one" value=""/></td>
<td ><input class="total" type="text" name="one" value=""/></td>
</tr>
<tr>
<td ><input class="col1" type="text" name="tree" value="1"/></td>
<td ><input class="col2" type="text" name="one" value="1"/></td>
<td ><input class="col3" type="text" name="one" value="1"/></td>
</tr>
<tr>
<td ><input class="col1" type="text" name="one" value="1"/></td>
<td ><input class="col2" type="text" name="one" value="1"/></td>
<td ><input type="text" class="total" name="one" value=""/></td>
</tr>