<!-- 견적라디오버튼 -->
<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>