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

잘안되는데요 어떻게 해야하나염^^;;


<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 하고싶습니다. 돠주세요~

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