여러개 체크박스를 for 문돌려서요 체크된값만 추출해서 innerHTML 넣고싶은데요~ 정보
여러개 체크박스를 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 하고싶습니다. 돠주세요~
그럼 대박나는 주말되시길 바라겠습니다~
댓글 전체
아이콘 테스트 ㅋ
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 );
}
}) ;
}) ;
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 );
}
}) ;
}) ;
대단하세욤^^ 완성했습니다^^ 덕분에 저녁밥 홀가분하게 넘어갈것같습니다^^ 감사드립니다^^ 완성된 소스는 올릴게욤^^
