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

필드값의 합을 실시간으로 더하여 표시하는 방법

· 12년 전 · 3182 · 8
write.skin.php 에서

<input type="checkbox" name=wr_1 value="50" <?if($write[wr_1]=="50")echo"checked";?>>50원</input>
<input type="checkbox" name=wr_2 value="50" <?if($write[wr_2]=="30")echo"checked";?>>30원</input>
<input type="checkbox" name=wr_3 value="50" <?if($write[wr_3]=="10")echo"checked";?>>10원</input>


위는 보시는것처럼 wr_1 에 50원 wr_2 에 30원 wr_3 에 10원을 입력받을수 있는 체크박스로 구성되어 있습니다.


즉, wr_1 에 체크하고, wr_3 에 체크하면 합이 wr_1 + wr_2 + _wr_3 이 된다면
총 60원이 됩니다. (wr_2는 체크를 하지 않았다면요)


이렇게 했을때 이 합계 금액을 위의 체크박스 아래에 바로

총합 : 원 이라고 체크할때마다 금액을 + 하거나 체크를 해제 하면 그만큼 - 되거나 해서 실시간으로 합계 금액을 보여주고 싶은데요~


아무것도 선택하지 않았을때는 0 원이고요~

어떻게 하면될까요`

댓글 작성

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

로그인하기

댓글 8개

질문이라기 보다 코드를 만들어 달라는 것이네요

체크박스 3개 모두 class='pchk' 추가...
<input type="checkbox" class='pchk'~~
합계 표시할 곳
total : <span id='total'>0</span>

아래 소스를 자바스크립트 부분에 넣으세요

$(function(){
$('.pchk').click(function(){ totalp=0;
$('.pchk').each(function(){ if($(this).is(':checked')) totalp+=$(this).val()*1; });
$('#total').html(totalp);
});
});
너무 감사합니다. 아주 잘됩니다
한가지 추가 질문 해도 될런지 모르겠습니다.

합하여진 숫자가 천단위로 컴마가 찍혀야 할듯 하여, 검색을 해보니 균이님 댓글이 있더군요!

http://sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=199298&sca=&sfl=wr_subject||wr_content&stx=%EC%88%AB%EC%9E%90+%EC%BB%B4%EB%A7%88

이걸 같이 응용해볼려니 잘 안되네요~~
$('#total').html( number_format(totalp.toString() )
제가 아직 모르는 부분이 많아서..
이런 말씀 드리긴 그렇지만, 해보니 안되네요!

$('#total').html(totalp);
이걸 위의 소스로 변경해보고 추가도 해봤지만 안되네요~
만들어서 소스 붙일라고 보니 이미 답변달렸네요 수고하세요 ^^
신경써주셔서 감사합니다...
왜 안되는지는 이해가 안가지만 풀어 설명 드리겠습니다.
고기 답변 달리신거 보시면 Set_comma,number_format함수가 있습니다.
number_format함수는 그누보드 js/common.js안에 선언되어 있습니다.
그 함수를 그대로 사용하시면 됩니다.

위에 분이 처음 답변 달아주신 totalp이 변수에 함수를 먹이면 되겠죠
$('#total').html(Set_comma(totalp));
제가 아직 많이 부족해서 부분 부분을 조금씩 알다보니 그렇네요 ㅠㅠ;
아직 어떤 함수가 있는지 잘 몰르지만 하나씩 알아가고 있습니다.
말씀 하신 함수에 대해서 적용을 해봤는데요!

결과값이 같습니다.

게시글 목록

번호 제목
284508
284499
284492
284490
284484
284481
284478
284476
284474
284472
284470
284458
284457
284454
284453
284447
284446
284444
284441
284440