我有一个带有 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>