24'C 구름 많음
서울 강남구
<table>
<tr data-type="multiRow">
<td><input type="text" name="txtQty" value="0" /></td>
<td><input type="text" name="txtMoney" value="0" /></td>
</tr>
<tr data-type="multiRow">
<td><input type="text" name="txtQty" value="0" /></td>
<td><input type="text" name="txtMoney" value="0" /></td>
</tr>
<tr data-type="multiRow">
<td><input type="text" name="txtQty" value="0" /></td>
<td><input type="text" name="txtMoney" value="0" /></td>
</tr>
</table>
<table id="tblSum">
<tr>
<td></td>
<td></td>
</tr>
</table>
<script type="text/javascript">
$(function () {
// 텍스트 박스 keyup event 셋팅
// name이 txt로 시작하는 객체 가져오기
$('[name^=txt]').bind('keyup', function () {
fnCalc();
});
});
// 합계 계산 후 보여주기
function fnCalc() {
var totQty = 0;
var totMoney = 0;
$('[data-type=multiRow]').each(function (idx, rowItem) {
// [1]
//totQty +=
//parseInt($(rowItem).find('[name=txtQty]').val(), 0);
//totMoney +=
//parseInt($(rowItem).find('[name=txtMoney]').val(), 0);
// [2]
totQty += parseInt($('[name=txtQty')[idx].value, 0);
totMoney += parseInt($('[name=txtMoney]')[idx].value, 0);
});
var totTdObj = $('#tblSum').find('tr').eq(0).find('td');
$(totTdObj).eq(0).text(totQty.toString());
$(totTdObj).eq(1).text(totMoney.toString());
}
</script>