[그누보드아님] 테이블을 계산하고 싶은데요..
본문
지금 작성하고 있는 DHTML 페이지 내에서 테이블 더해서 합계를 내주고 싶은데
이게 자바스크립트로 가능할까요?
예를들어 <tr id="a"> <tr id="b"> <tr id="c"> 이런식이 있으면
a,b를 더해서 c에 합계를 나타내는 방식으로요..
이게 DHTML 안에서 가능한지 여쭤봅니당..
답변 3
...
<tr id="a">
<td>1</td>
</tr>
<tr id="b">
<td>1</td>
</tr>
<tr id="c">
<td></td>
</tr>
...
<script type="text/javascript">
$(function(){
var num = Number($('#a').find('td').html()) + Number($('#b').find('td').html());
$('#c').find('td').html(num);
});
</script>
<script type="text/javascript">
$(function(){
var num = Number($('#a').find('td').html()) + Number($('#b').find('td').html()) + Number($('#c').find('td').html()) + Number($('#d').find('td').html())
+ Number($('#e').find('td').html())
+ Number($('#f').find('td').html())
+ Number($('#g').find('td').html())
+ Number($('#h').find('td').html())
+ Number($('#i').find('td').html())
+ Number($('#j').find('td').html())
+ Number($('#k').find('td').html())
+ Number($('#l').find('td').html());
$('#m').find('td').html(num);});
</script>
<TR id="l" bgColor=#ffffff>
<TD align=center> </TD>
<TD align=center> </TD>
<TD align=center> </TD>
<TD bgColor=#ffffff>
<P align=center> </P></TD></TR>
이런식으로 했는데 안되네요 ㅠㅠ
합계를 내고자하는 테이블의 정확한 형태가 어떤건가요?
저건 간단하게 짠거라서 저걸 응용해서 작업하셔야 합니다.
<TR id="k" bgColor=#ffffff>
<TD align=center> </TD>
<TD align=center> </TD>
<TD align=center> </TD> <!-- 여기에 금액이 들어갑니다. -->
<TD bgColor=#ffffff>
<P align=center> </P></TD></TR>
<TR id="l" bgColor=#ffffff>
<TD align=center> </TD>
<TD align=center> </TD>
<TD align=center> </TD> <!-- 여기에 금액이 들어갑니다. -->
<TD bgColor=#ffffff>
<P align=center> </P></TD></TR>
<TR id="m" bgColor=#ffffff>
<TD colSpan=2 align=center>계</TD>
<TD align=center> </TD> <!-- 여기에 합계가 들어갑니다. -->
<TD bgColor=#ffffff>
<P align=center> </P></TD></TR>
a,b,c,d,e ~ l 까지 tr이 있구요.
금액과 합계 따로 id나 class를 지정해줘야 하는건가요?
tr 안에 td가 총 3개 있습니다.
k=0;
$("tr").each(function(){
if($(this).attr('id')=="m"){ return false;}
k+=Number($(this).children("td").eq(2).html());
});
$("#m td").eq(1).html(k);
