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 원이고요~
어떻게 하면될까요`
댓글 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);
});
});
체크박스 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);
});
});
게시글 목록
| 번호 | 제목 |
|---|---|
| 284508 | |
| 284499 | |
| 284492 | |
| 284490 | |
| 284484 | |
| 284481 | |
| 284478 | |
| 284476 | |
| 284474 | |
| 284472 | |
| 284470 | |
| 284458 | |
| 284457 | |
| 284454 | |
| 284453 | |
| 284447 | |
| 284446 | |
| 284444 | |
| 284441 | |
| 284440 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기