Javascript 使用JQuery将总和放入父td
我有下面的Javascript 使用JQuery将总和放入父td,javascript,jquery,asp.net,Javascript,Jquery,Asp.net,我有下面的表,我想把子表的和输入放入父表
表
,我想把子表的和
输入放入父表
<table cellspacing="0" rules="all" border="1" id="gvSPActivities" style="border-collapse: collapse;">
<tr>
<th scope="col">
TextVal1
</th>
<th scope="col">
TextVal2
</th>
<th scope="col">
TextVal3
</th>
</tr>
<tr class="gridrow2">
<td>
<input name="gvSPActivities$ctl02$TextVal1" type="text" id="gvSPActivities_TextVal1_0"
class="numeric" style="width: 150px;" />
</td>
<td>
<input name="gvSPActivities$ctl02$TextVal2" type="text" id="gvSPActivities_TextVal2_0"
class="numeric" style="width: 150px;" />
</td>
<td>
<input name="gvSPActivities$ctl02$TextVal3" type="text" id="gvSPActivities_TextVal3_0"
class="total" style="width: 150px;" />
<table>
<tr>
<td>
<input name="gvSPActivities$ctl02$gvBenefic$ctl02$txtMaleBenefic" type="text" id="gvSPActivities_gvBenefic_0_txtMaleBenefic_0" class="numeric" style="width:100px;" />
</td><td>
<input name="gvSPActivities$ctl02$gvBenefic$ctl02$txtFemaleBenefic" type="text" id="gvSPActivities_gvBenefic_0_txtFemaleBenefic_0" class="numeric" style="width:100px;" />
</td>
</tr>
</table>
</td>
</tr>
</table>
TextVal1
TextVal2
TextVal3
谢谢。您的代码非常混乱,但我认为这正是您需要的:
$(".gridrow2 td input").onkeyup(function() {
var sum = 0;
$(".gridrow2 :input").each(function() {
sum += $(this).val();
});
$("#gvSPActivities_gvBenefic_0_txtMaleBenefic_0").val(sum);
});
它将“父
输入”的值更改为三个子输入的总和。我想。我不知道您想什么时候更新总数,但您可以使用此代码
var result = 0;
$('table > td.gridrow2 > table > td').each(function() {
result += parseInt($(this).find('input.numeric').val());
});
$('td.gridrow2 > td:eq(2) > input[name="gvSPActivities$ctl02$TextVal3"]').val(result);
$('.gridrow2').each(function(){
var total = 0;
$(this).find('table > .numeric').each(function(){
total += this.value;
});
$(this).find('.total').val(total);
});
你为什么给我拉小提琴?:)那不是我给你的密码。这就是为什么它可能无法工作的原因。欢迎使用堆栈溢出!你会考虑添加一些叙述来解释这个代码为什么工作,什么使它成为问题的答案?