스

여러개 체크박스를 for 문돌려서요 체크된값만 추출해서 innerHTML 넣고싶은데요~

· 2012-03-31 (토) 15:33:00 · 6278 · 3
kkk24_kr_20120331_152953.gif
잘안되는데요 어떻게 해야하나염^^;;


<input type=checkbox name='wr_3_1' id='wr_3_1' onclick='calculate_fee();' value='통풍시트 (운전석)' <?if($wr_3_1=='통풍시트 (운전석)') echo "checked";?>> 통풍시트 (운전석)</td>
<td width=170><input type=checkbox name='wr_3_2' id='wr_3_2' onclick='calculate_fee();' value='통풍시트 (운전석+조수석)' <?if($wr_3_2=='통풍시트 (운전석+조수석)') echo "checked";?>> 통풍시트 (운전석+조수석)</td>
<td width=160><input type=checkbox name='wr_3_3' id='wr_3_3' onclick='calculate_fee();' value='히터설치 (운전석)' <?if($wr_3_3=='히터설치 (운전석)') echo "checked";?>> 히터설치 (운전석)</td>
.
.
.


function calculate_fee()
{
var f = document.fwrite;
var total;

if (f.wr_3_1.checked){
total += f.wr_3_1.value;
}else if(f.wr_3_2.checked){
total += f.wr_3_2.value;
}else if(f.wr_3_3.checked) {
total += f.wr_3_3.value;
}else if(f.wr_3_4.checked){
total += f.wr_3_4.value;
}else if(f.wr_3_5.checked){
total += f.wr_3_5.value;
}else if(f.wr_3_6.checked){
total += f.wr_3_6.value;
}else if(f.wr_3_7.checked){
total += f.wr_3_7.value;
}else if(f.wr_3_8.checked){
total += f.wr_3_8.value;
}else if(f.wr_3_9.checked){
total += f.wr_3_9.value;
}else if(f.wr_3_10.checked){
total += f.wr_3_10.value;
}
document.getElementById("service_fee").innerHTML = total;
}


자바스크립트 변수 선언할때요~ 기본 디폴트값은 어떻게해야하나염~~

undefined 나와버리는데염~

for 돌려서 체크된값만 innerhtml 하고싶습니다. 돠주세요~

그럼 대박나는 주말되시길 바라겠습니다~

첨부파일

|

댓글 3개

2012-03-31 (토) 15:34:19
아이콘 테스트 ㅋ
2012-03-31 (토) 16:40:22
jquery 로 어떻게 안되나 생각해 봅니다. 테스트를 해보지 않은 터라 완벽한 코드는 아닙니다^^;;

var total = 0;

$(document).ready(function () {
$("input:checkbox[id^='wr_3']:checked").each(function(key,val){
if( $(this).val() !== "" && $(this).val() !== undefined ) {
total += $(this).val();
$("[id='service_fee']").html( total );
}
}) ;
}) ;
2012-03-31 (토) 17:57:25
대단하세욤^^ 완성했습니다^^ 덕분에 저녁밥 홀가분하게 넘어갈것같습니다^^ 감사드립니다^^ 완성된 소스는 올릴게욤^^
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
12-04-01 조회 1,297
12-04-01 조회 1,411
12-04-01 조회 1,080
12-04-01 조회 1,150
12-04-01 조회 1,628
12-04-01 조회 1,612
12-04-01 조회 2,457
12-04-01 조회 2,983
12-04-01 조회 1,709
12-04-01 조회 1,064
12-04-01 조회 1,930
12-03-31 조회 1,649
12-03-31 조회 1,621
12-03-31 조회 1,629
12-03-31 조회 962
12-03-31 조회 1,673
12-03-31 조회 1,054
12-03-31 조회 855
12-03-31 조회 882
12-03-31 조회 6,279