스

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

· 2012-03-31 (토) 15:33:00 · 6275 · 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,296
12-04-01 조회 1,408
12-04-01 조회 1,075
12-04-01 조회 1,145
12-04-01 조회 1,625
12-04-01 조회 1,609
12-04-01 조회 2,455
12-04-01 조회 2,978
12-04-01 조회 1,705
12-04-01 조회 1,061
12-04-01 조회 1,927
12-03-31 조회 1,645
12-03-31 조회 1,618
12-03-31 조회 1,623
12-03-31 조회 958
12-03-31 조회 1,667
12-03-31 조회 1,050
12-03-31 조회 852
12-03-31 조회 878
12-03-31 조회 6,276