[JQUERY] INPUT 합계 구하기

 

class가 동일한 항목 합계 산출 예제

---

 

HTML

---

<tr>
	<td><input type="text" name="Hang1" value="5"/></td>
	<td><input type="text" name="Amt1"  class="money1" value="10"/></td>
	<td><input type="text" name="seHang1" value="50"/></td>
	<td><input type="text" name="seAmt1" class="money2" value="100"/></td>
</tr>
<tr>
	<td><input type="text" name="Hang2" value="10"/></td>
	<td><input type="text" name="Amt2" class="money1" value="20"/></td>
	<td><input type="text" name="seHang2" value="100"/></td>
	<td><input type="text" name="seAmt2" class="money2" value="200"/></td>
</tr>
<tr>
	<td><input type="text" id="seipSum"></td>
</tr>

 

SCRIPT

---

$('.money1').blur(function () {
	var seip = 0;
    
	$('.money1').each(function(){ //클래스가 money인 항목의 갯수만큼 진행
		seip += Number($(this).val()); 
	});
    
	//합계를 출력
	$("#seipSum").val(seip); //seipSum에 30입력
});