필드값의 합을 실시간으로 더하여 표시하는 방법 정보
필드값의 합을 실시간으로 더하여 표시하는 방법본문
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 원이고요~
어떻게 하면될까요`
<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 원이고요~
어떻게 하면될까요`
댓글 전체
질문이라기 보다 코드를 만들어 달라는 것이네요
체크박스 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);
});
});
체크박스 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
이걸 같이 응용해볼려니 잘 안되네요~~
한가지 추가 질문 해도 될런지 모르겠습니다.
합하여진 숫자가 천단위로 컴마가 찍혀야 할듯 하여, 검색을 해보니 균이님 댓글이 있더군요!
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);
이걸 위의 소스로 변경해보고 추가도 해봤지만 안되네요~
이런 말씀 드리긴 그렇지만, 해보니 안되네요!
$('#total').html(totalp);
이걸 위의 소스로 변경해보고 추가도 해봤지만 안되네요~
만들어서 소스 붙일라고 보니 이미 답변달렸네요 수고하세요 ^^
신경써주셔서 감사합니다...
왜 안되는지는 이해가 안가지만 풀어 설명 드리겠습니다.
고기 답변 달리신거 보시면 Set_comma,number_format함수가 있습니다.
number_format함수는 그누보드 js/common.js안에 선언되어 있습니다.
그 함수를 그대로 사용하시면 됩니다.
위에 분이 처음 답변 달아주신 totalp이 변수에 함수를 먹이면 되겠죠
$('#total').html(Set_comma(totalp));
고기 답변 달리신거 보시면 Set_comma,number_format함수가 있습니다.
number_format함수는 그누보드 js/common.js안에 선언되어 있습니다.
그 함수를 그대로 사용하시면 됩니다.
위에 분이 처음 답변 달아주신 totalp이 변수에 함수를 먹이면 되겠죠
$('#total').html(Set_comma(totalp));
제가 아직 많이 부족해서 부분 부분을 조금씩 알다보니 그렇네요 ㅠㅠ;
아직 어떤 함수가 있는지 잘 몰르지만 하나씩 알아가고 있습니다.
말씀 하신 함수에 대해서 적용을 해봤는데요!
결과값이 같습니다.
아직 어떤 함수가 있는지 잘 몰르지만 하나씩 알아가고 있습니다.
말씀 하신 함수에 대해서 적용을 해봤는데요!
결과값이 같습니다.