[그누보드아님] DHTML 안에서 합계내기..
본문
지금 작성하고 있는 DHTML 페이지 내에서 테이블 더해서 합계를 내주고 싶은데
이게 자바스크립트로 가능할까요?
예를들어 <tr id="a"> <tr id="b"> <tr id="c"> 이런식이 있으면
a,b를 더해서 c에 합계를 나타내는 방식으로요..
이게 DHTML 안에서 가능한지 여쭤봅니당..
<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개 있습니다.
여기까지 제 질문이었고
아래 답변을 받았는데
html 로 작성 후 <script></script> 이런식으로 작성하면 적용이 되는건가요?
적용을 해봤는데 안되서 여쭤봅니다.. ㅠㅠ 자바에 문외한이라 힘드네요..
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);
답변 1
head 태그 안에 아래 코드와 같이 넣어 보세요.
<script src="'>https://code.jquery.com/jquery-1.12.3.js"></script>
<script>
$(document).ready(function() {
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);
});
</script>