라디오버튼 도와주세요... ㅜㅜ
본문
안녕하세요!!
여차저차해서 견적용 문의게시판 만들고 있는데 라디오 버튼으로 항목들에서 막힙니다..
구글링해서 소스를 찾아 제작중인데..
인쇄나 실사출력을 선택하면 아래 항목이 바뀌게끔 하려고 하는데,
실사출력 다음에 다른 항목도 추가로 넣어야 하는데 실사출력까지 2개만 제대로 아래부분이 바뀝니다.메뉴판을 클릭하면 아래 항목들이 변동이 없어요. ㅜㅜ
혹시 몰라서 스샷도 올려보아요.
<!-- 견적라디오버튼 -->
<script>
function getStyleObject(objectId) {
var theObject = null;
// cross-browser function to get an object given its id
if(document.getElementById && document.getElementById(objectId)) // W3C DOM
theObject= document.getElementById(objectId);
else if (document.all && document.all(objectId)) // MSIE 4 DOM
theObject= document.all(objectId);
else if (document.layers && document.layers[objectId]) // NN 4 DOM.. note: this won't find nested layers
theObject = document.layers[objectId];
else
theObject=false;
return theObject;
}
// 인수 checked는 두번째 radio 배열의 key값 중에 하나를 사용하며
// key값과 같은 값을 주면 그 radio를 체크상태로 초기화 할 수 있다
function drawRadios(service,checked){
var wr_2={
'인쇄':['카다로그', '리플렛', '명함', '전단지', '포스터', '스티커', '셋팅지', '복권', '봉투', '기타'],
'실사출력':['현수막', '배너', '배너세트', '켈', '폼보드5t', '포맥스2t', '평판인쇄', '차량랩핑', '어깨띠', '기타']
'메뉴판':['액자형', '책자형', '아크릴형', '맞춤형', '기타']
'사인물':['채널간판', '파나프렉스간판', '에어간판', '네온사인', '스텐실', '기타']
'POP':['진열대', '등신대', '워블러', '테이블텐트', '넥택', '우드락POP', '만국기', '기타']
};
var ment_name={
'카다로그':'카다로그',
'리플렛':'리플렛',
'명함':'명함',
'전단지':'전단지',
'포스터':'포스터',
'스티커':'스티커',
'셋팅지':'셋팅지',
'복권':'복권',
'봉투':'봉투',
'기타':'기타',
'현수막':'현수막',
'배너':'배너',
'배너세트':'배너세트',
'켈':'켈',
'폼보드5t':'폼보드5t',
'포맥스2t':'포맥스2t',
'평판인쇄':'평판인쇄',
'차량랩핑':'차량랩핑',
'어깨띠':'어깨띠',
'기타':'기타',
'액자형':'액자형',
'책자형':'책자형',
'아크릴형':'아크릴형',
'맞춤형':'맞춤형',
'기타':'기타',
'채널간판':'채널간판',
'파나프렉스간판':'파나프렉스간판',
'에어간판':'에어간판',
'네온사인':'네온사인',
'스텐실':'스텐실',
'기타':'기타',
'진열대':'진열대',
'등신대':'등신대',
'워블러':'워블러',
'테이블텐트':'테이블텐트',
'넥택':'넥택',
'우드락POP':'우드락POP',
'만국기':'만국기',
'기타':'기타',
};
var wr_2= wr_2[service];
var p = getStyleObject("nextRdio");
var ul = document.createElement('ul');
p.innerHTML =''; // child를 다지운다
ul.style.display='inline-block';//'block';
// p.appendChild(ul);
for(var i=0;i<wr_2.length;i++){
// li = document.createElement('li');
// ul.appendChild(li);
// try/catch: try works in IE 6 (maybe 7) catch works in ff/ns browsers
// however, no error is thrown in opera 8 (in the try), but no radio is drawn in opera 8 either.
try{
rdo = document.createElement('<input type="radio" name="wr_2">');
}catch(err){
rdo = document.createElement('input');
rdo.setAttribute('type','radio');
rdo.setAttribute('name','wr_2');
}
rdo.id = 'wr_2'+i;
rdo.value = wr_2[i];
lbl = document.createElement('label');
// set the label in IE..
lbl.setAttribute('htmlFor', rdo.id);
// set the label for other browsers
lbl.setAttribute('for', rdo.id);
var tn = document.createTextNode(ment_name[wr_2[i]]+' ');
lbl.appendChild(tn);
p.appendChild(rdo);
p.appendChild(lbl);
if (checked==rdo.value)
rdo.checked = true;
}
return true;
}
window.onload = function(){
drawRadios('인쇄');
}
</script>
<style>
.checks ul li {float:left; }
.checks input[type="radio"] {display:none; }
.checks input[type="radio"]:checked + label {padding-right:20px; /* 체크박스를 체크했을때 */ content: '\2714'; /* 체크표시 유니코드 사용 */ color: #9fce58; font-weight:bold; }
.checks input[type="radio"] + label {padding-right:20px; content: '\2714'; /* 체크표시 유니코드 사용 */ }
</style>
<div class="item_add">
<span class="one">
<span class="checks">품목</span>
</span>
<span class="two">
<span class="checks">
<input type="radio" name="wr_1" id="인쇄" value='인쇄' onclick="return drawRadios('인쇄');" <? if( $u=w || $write[wr_1] == "인쇄") echo ""; ?>>
<label for=인쇄 style=cursor:pointer>인쇄</label>
<input type="radio" name="wr_1" id="실사출력" value='실사출력' onclick="return drawRadios('실사출력');" <? if( $u=w || $write[wr_1] == "실사출력") echo ""; ?>>
<label for=실사출력 style=cursor:pointer>실사출력</label>
<input type="radio" name="wr_1" id="메뉴판" value='메뉴판' onclick="return drawRadios('메뉴판');" <? if( $u=w || $write[wr_1] == "메뉴판") echo ""; ?>>
<label for=메뉴판 style=cursor:pointer>메뉴판</label>
<input type="radio" name="wr_1" id="사인물" value='사인물' onclick="return drawRadios('사인물');" <? if( $u=w || $write[wr_1] == "사인물") echo ""; ?>>
<label for=사인물 style=cursor:pointer>사인물</label>
<input type="radio" name="wr_1" id="POP" value='POP' onclick="return drawRadios('POP');" <? if( $u=w || $write[wr_1] == "POP") echo ""; ?>>
<label for=POP style=cursor:pointer>POP</label>
</span>
</span>
</div>
<div class="item_add">
<span class="one">
<span class="checks">상세 품목</span>
</span>
<span class="two">
<span class="checks">
<div id="nextRdio"></div>
</span>
</span>
</div>
답변을 작성하시기 전에 로그인 해주세요.