2011-12-03 43 views
0

My Example on JSFiddle
我想根据可以在选择框中选中的检查数字从表中总结值。这是我目前为止所做的 - 如果有人能够请我指出正确的方向,那就太好了。提前致谢。JQuery总和文本输入值如果选择下拉值等于DIV值

在这个例子中,如果选择检查1234对表中的两个都选择我要总结这些输入字段并具有支票号码的行打印出来的表格中的一个。

如果您选择在一行检查1234只会总结该值并具有支票号码的行打印出来的表格中的一个。

我一直在试图整天想出解决办法,不能拿出一个解决方案。如果有人能够帮助我,或者至少让我朝正确的方向发展,我会非常感激。

<table id="acctRec"> 
<tr> 
    <td>Check Number</td> 
    <td>Amount Paid</td> 
    <td>Applied</td> 
    <td>Variance</td> 
</tr> 
<tr class="all"> 
    <td class="org">1234</td> 
    <td>300</td> 
    <td class="totalApplied"></td> 
    <td></td> 
</tr> 
<tr class="all"> 
    <td class="org">4321</td> 
    <td>400</td> 
    <td class="totalApplied"></td> 
    <td></td> 
</tr> 
</table> 
<table> 
<tr> 
    <th>Name</th> 
    <th> Amount Due</th> 
    <th colspan="2">Applied</th> 
    <th>Check Num</th> 
</tr> 
<tr> 
<td>First Name</td> 
<td>400</td> 
<td><input class="checkbox" type="checkbox"></td> 
<td><input type="text" class="amount"></td> 
<td><select class="checknum"> 
<option></option> 
<option value="1234">1234</option> 
<option value="4321">4321</option> 
</select> 
</td> 
</tr> 
<tr> 
<td>First Name</td> 
<td>500</td> 
<td><input class="checkbox" type="checkbox"></td> 
<td><input type="text" class="amount"></td> 
<td><select class="checknum"> 
<option></option> 
<option value="1234">1234</option> 
<option value="4321">4321</option> 
</select> 
</td> 
</tr> 

</table> 

而且Jquery的...

$('table input[type="checkbox"]').bind('click change', function() { 
var input = $(this).closest('td').next('td').find('input'); 
var invoice = $('.invoice'); 
if ($(this).is(':checked')) { 
    var amount = $(this).closest('td').prev('td').text(); 
    var holdback = '1'; 
    var newtot = amount * holdback; 
    input.val(newtot); 
} else { 
    input.val('0.00'); 
} 
}); 

$('select').bind('keyup change', function() { 
$('.org').each(function() { 
    var all = $(this).text(); 
    //alert(all); 
}); 
$('.checknum').each(function() { 
    var sel = $(this).val(); 
    //alert(sel); 
    if (all=sel) { 
     //Found check number in table 1, insert sum value 
     alert(all); 
    } 
    else { 
     //No check number, append row to table 1 

    } 

}); 

});  
+0

“Check Num”就像一个ID?你可以在'tr'元素上设置一个数据attr。 '' –

+1

发表您的代码在这里,请。 – RightSaidFred

+0

@DavidRodrigues:是的。支票号码从数据库中提取,因此所有支票号码的列表将与选择框中的所有选项相同。我怎么能总结使用数据attr并将总和追加到表1中适当的单元格? – Nick

回答

0

请我已经更新了代码。 http://jsfiddle.net/CJMYK/20/

var holdback = 1; // changed from '1' to one since you are muiltiplying, it should be number not char. 
var newtot = amount * holdback; 
+0

感谢输入,但我仍然不知道如何通过支票号码,总结的数额。我希望通过支票号码对第二张表中的所有值进行求和,并将相加总数放在第一张表中,并由相应的支票号码。 – Nick

+0

你能举个例子,你真正期待什么? –

+0

在第二个表,如果你选择从选择框我希望有与支票号码的所有输入框的总和在第一个表显示了同一行支票号码在支票号码。 – Nick