테스트 사이트 - 개발 중인 베타 버전입니다

[그누보드아님] DHTML 안에서 합계내기.. 채택완료

쪼탱 9년 전 조회 4,641

지금 작성하고 있는 DHTML 페이지 내에서 테이블 더해서 합계를 내주고 싶은데

이게 자바스크립트로 가능할까요?

예를들어 <tr id="a"> <tr id="b"> <tr id="c"> 이런식이 있으면

a,b를 더해서 c에 합계를 나타내는 방식으로요..

 

이게 DHTML 안에서 가능한지 여쭤봅니당..

 

 

 

<TR id="k" bgColor=#ffffff> 

<TD align=center>&nbsp;</TD> 

<TD align=center>&nbsp;</TD> 

<TD align=center>&nbsp;</TD> <!-- 여기에 금액이 들어갑니다. --> 

<TD bgColor=#ffffff> 

<P align=center>&nbsp;</P></TD></TR> 

 

<TR id="l" bgColor=#ffffff> 

<TD align=center>&nbsp;</TD> 

<TD align=center>&nbsp;</TD> 

<TD align=center>&nbsp;</TD> <!-- 여기에 금액이 들어갑니다. --> 

<TD bgColor=#ffffff> 

<P align=center>&nbsp;</P></TD></TR> 

 

<TR id="m" bgColor=#ffffff> 

<TD colSpan=2 align=center>계</TD> 

<TD align=center>&nbsp;</TD> <!-- 여기에 합계가 들어갑니다. --> 

<TD bgColor=#ffffff> 

<P align=center>&nbsp;</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개

p
9년 전

head 태그 안에 아래 코드와 같이 넣어 보세요.

</p><p><script src="<a href='<a href="https://code.jquery.com/jquery-1.12.3.js" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-1.12.3.js</a>"></script'><a href="https://code.jquery.com/jquery-1.12.3.js" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-1.12.3.js</a>"></script</a>>
<script>
$(document).ready(function() {
 k=0;</p><p> $("tr").each(function(){
 if($(this).attr('id')=="m"){ return false;}
 k+=Number($(this).children("td").eq(2).html());
 }); </p><p> $("#m td").eq(1).html(k);
});
</script></p><p>
 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인