테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

[그누보드아님] 테이블을 계산하고 싶은데요.. 채택완료

쪼탱 9년 전 조회 6,600
답변 3
목록

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

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

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

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

 

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

#그누보드5 #그누보드4 #영카트5 #php #javascript
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

P
PWneo
9년 전

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); 

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

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

백영진
백영진
9년 전

합계를 내고자하는 테이블의 정확한 형태가 어떤건가요?

저건 간단하게 짠거라서 저걸 응용해서 작업하셔야 합니다. 

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

답변에 대한 댓글 1개

�
쪼탱
9년 전
<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개 있습니다.

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

백영진
백영진
9년 전

... 

<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> 

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

답변에 대한 댓글 1개

�
쪼탱
9년 전
<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>&nbsp;</TD>
<TD align=center>&nbsp;</TD>
<TD align=center>&nbsp;</TD>
<TD bgColor=#ffffff>
<P align=center>&nbsp;</P></TD></TR>

이런식으로 했는데 안되네요 ㅠㅠ

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

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

로그인