순차적 체크박스 질문

<aside id="side_search" class="at-sidebar en<?php echo $sidebar_effect;?>"> <div class="close-box asideButton1" title="Hide sidebar" style="margin-top:100px;">  <i class="fa fa-search"></i> </div> <div class="sidebar-wrap"> <form name="frmdetailsearch" role="form"  method="get" action="/shop/search.php" onsubmit="return fsearchbox_submit(this);"> <input type="hidden" name="qsort" id="qsort" value="<?php echo $qsort ?>"> <input type="hidden" name="qorder" id="qorder" value="<?php echo $qorder ?>"> <input type="hidden" name="qcaid" id="qcaid" value="<?php echo $qcaid ?>">  <div>   <div id="group1">    <label style="display:block;"><b>고객님꼐서 가장 중요하게 생각하시는 기능은?</b><br></label>     <input type="checkbox" id="step1_1" onclick="eventCheck(this,'group1')"> 스크린 프로젝터<br>     <input type="checkbox" id="step1_2" onclick="eventCheck(this,'group1')"> 판서(글쓰기)<br>     <input type="checkbox" id="step1_3" onclick="eventCheck(this,'group1')"> 지움성<br>     <input type="checkbox" id="step1_4" onclick="eventCheck(this,'group1')"> 인테리어 효과   </div>   <div id="group2_1" style="display:none;">    <label style="display:block;"><b>스크린 프로젝터</b><br></label>     <input type="checkbox" id="step2_1" name="it_1[]" value="1" onclick="eventCheck(this,'group2_1')" <?php echo in_array("1",$it_1)?'checked="checked"':'';?>> 무반사 화이트보드<br>     <input type="checkbox" id="step2_2" name="it_1[]" value="2" onclick="eventCheck(this,'group2_1')" <?php echo in_array("2",$it_1)?'checked="checked"':'';?>> 무반사 화이트보드 시트지<br>     <input type="checkbox" id="step2_3" name="it_1[]" value="3" onclick="eventCheck(this,'group2_1')" <?php echo in_array("3",$it_1)?'checked="checked"':'';?>> 스크린 유리보드<br>     <input type="checkbox" id="step2_4" name="it_1[]" value="4" onclick="eventCheck(this,'group2_1')" <?php echo in_array("4",$it_1)?'checked="checked"':'';?>> 그랜드뷰 리마커블 스크린   </div>   <div id="group2_2" style="display:none;">    <label style="display:block;"><b>판서(글쓰기)</b><br></label>     <input type="checkbox" id="step2_5" name="it_1[]" value="1" onclick="eventCheck(this,'group2_2')" <?php echo in_array("1",$it_1)?'checked="checked"':'';?>> 두배로 화이트보드<br>     <input type="checkbox" id="step2_6" name="it_1[]" value="2" onclick="eventCheck(this,'group2_2')" <?php echo in_array("2",$it_1)?'checked="checked"':'';?>> 두배로 화이트보드 시트지<br>     <input type="checkbox" id="step2_7" name="it_1[]" value="3" onclick="eventCheck(this,'group2_2')" <?php echo in_array("3",$it_1)?'checked="checked"':'';?>> 난반사 유리보드<br>     <input type="checkbox" id="step2_8" name="it_1[]" value="4" onclick="eventCheck(this,'group2_2')" <?php echo in_array("4",$it_1)?'checked="checked"':'';?>> 유광 유리보드<br>     <input type="checkbox" id="step2_9" name="it_1[]" value="3" onclick="eventCheck(this,'group2_2')" <?php echo in_array("3",$it_1)?'checked="checked"':'';?>> 법랑화이트보드<br>     <input type="checkbox" id="step2_10" name="it_1[]" value="3" onclick="eventCheck(this,'group2_2')" <?php echo in_array("3",$it_1)?'checked="checked"':'';?>> 물칠판<br>     <input type="checkbox" id="step2_11" name="it_1[]" value="3" onclick="eventCheck(this,'group2_2')" <?php echo in_array("3",$it_1)?'checked="checked"':'';?>> 청칠판   </div>   <div id="group2_3" style="display:none;">    <label style="display:block;"><b>지움성</b><br></label>     <input type="checkbox" id="step2_5" name="it_1[]" value="1" onclick="eventCheck(this,'group2_3')" <?php echo in_array("1",$it_1)?'checked="checked"':'';?>> 두배로 화이트보드<br>     <input type="checkbox" id="step2_6" name="it_1[]" value="2" onclick="eventCheck(this,'group2_3')" <?php echo in_array("2",$it_1)?'checked="checked"':'';?>> 두배로 화이트보드 시트지<br>     <input type="checkbox" id="step2_7" name="it_1[]" value="3" onclick="eventCheck(this,'group2_3')" <?php echo in_array("3",$it_1)?'checked="checked"':'';?>> 난반사 유리보드<br>     <input type="checkbox" id="step2_8" name="it_1[]" value="4" onclick="eventCheck(this,'group2_3')" <?php echo in_array("4",$it_1)?'checked="checked"':'';?>> 유광 유리보드   </div>   <div id="group2_4" style="display:none;">    <label style="display:block;"><b>인테리어 효과</b><br></label>     <input type="checkbox" id="step2_1" name="it_1[]" value="1" onclick="eventCheck(this,'group2_4')" <?php echo in_array("1",$it_1)?'checked="checked"':'';?>> 무반사 화이트보드<br>     <input type="checkbox" id="step2_2" name="it_1[]" value="2" onclick="eventCheck(this,'group2_4')" <?php echo in_array("2",$it_1)?'checked="checked"':'';?>> 무반사 화이트보드 시트지<br>     <input type="checkbox" id="step2_7" name="it_1[]" value="3" onclick="eventCheck(this,'group2_4')" <?php echo in_array("3",$it_1)?'checked="checked"':'';?>> 난반사 유리보드<br>     <input type="checkbox" id="step2_4" name="it_1[]" value="4" onclick="eventCheck(this,'group2_4')" <?php echo in_array("4",$it_1)?'checked="checked"':'';?>> 그랜드뷰 리마커블 스크린   </div>   <div id="group3_1" style="display:none;">    <div>     <label style="display:block;"><b>선택 옵션</b><br></label>      <input type="checkbox" name="it_2" value="yes" <?php echo $it_2_check?'checked="checked"':'';?>> 자석 기능<br>      <input type="checkbox" name="it_3" value="yes" <?php echo $it_3_check?'checked="checked"':'';?>> 이동식 스탠드<br>      <input type="checkbox" name="it_4" value="yes" <?php echo $it_4_check?'checked="checked"':'';?>> 맞춤시공    </div>    <div>     <label style="display:block;"><b>프레임 스타일</b><br></label>      <input type="checkbox" name="it_5" value="" <?=$_GET['it_5']==''?' checked="checked"':''?>> 전체<br>      <input type="checkbox" name="it_5[]" value="1" <?php echo in_array("1",$it_5)?'checked="checked"':'';?>> 알루미늄(은색)<br>      <input type="checkbox" name="it_5[]" value="2" <?php echo in_array("2",$it_5)?'checked="checked"':'';?>> 오크목<br>      <input type="checkbox" name="it_5[]" value="3" <?php echo in_array("3",$it_5)?'checked="checked"':'';?>> 월넛목<br>      <input type="checkbox" name="it_5[]" value="4" <?php echo in_array("4",$it_5)?'checked="checked"':'';?>> 화이트목<br>      <input type="checkbox" name="it_5[]" value="5" <?php echo in_array("5",$it_5)?'checked="checked"':'';?>> 블랙목    </div>    <div class="nop">     <label><b>가로 선택 (cm)</b></label>     <div>      <label>       <input type="text" name="wfrom" value="<?php echo $wfrom; ?>" id="ssch_wfrom" size="10" placeholder="최소 가로">      </label>      <label> ~</label>      <label>       <input type="text" name="wto" value="<?php echo $wto; ?>" id="ssch_wto" size="10" placeholder="최대 가로">      </label>     </div>    </div>    <div class="nop">     <label><b>세로 선택 (cm)</b></label>     <div>      <label>       <input type="text" name="hfrom" value="<?php echo $hfrom; ?>" id="ssch_hfrom" size="10" placeholder="최소 세로">      </label>      <label> ~</label>      <label>       <input type="text" name="hto" value="<?php echo $hto; ?>" id="ssch_hto" size="10" placeholder="최대 세로">      </label>     </div>    </div>    <div class="nop">     <label><b>상품가격 (원)</b></label>     <div>      <label>       <input type="text" name="qfrom" value="<?php echo $qfrom; ?>" id="ssch_qfrom" size="10" placeholder="최소 가격">      </label>      <label> ~</label>      <label>       <input type="text" name="qto" value="<?php echo $qto; ?>" id="ssch_qto" size="10" placeholder="최대 가격">      </label>     </div>    </div>    <div class="si">     <div>      <button type="submit">검색하기</button>     </div>    </div>   </div>   <div id="group3_2" style="display:none;">    <div>     <label style="display:block;"><b>선택 옵션</b><br></label>      <input type="checkbox" name="it_4" value="yes" <?php echo $it_4_check?'checked="checked"':'';?>> 맞춤시공    </div>    <div class="nop">     <label><b>가로 선택 (cm)</b></label>     <div>      <label>       <input type="text" name="wfrom" value="<?php echo $wfrom; ?>" id="ssch_wfrom" size="10" placeholder="최소 가로">      </label>      <label> ~</label>      <label>       <input type="text" name="wto" value="<?php echo $wto; ?>" id="ssch_wto" size="10" placeholder="최대 가로">      </label>     </div>    </div>    <div class="nop">     <label><b>세로 선택 (cm)</b></label>     <div>      <label>       <input type="text" name="hfrom" value="<?php echo $hfrom; ?>" id="ssch_hfrom" size="10" placeholder="최소 세로">      </label>      <label> ~</label>      <label>       <input type="text" name="hto" value="<?php echo $hto; ?>" id="ssch_hto" size="10" placeholder="최대 세로">      </label>     </div>    </div>    <div class="nop">     <label><b>상품가격 (원)</b></label>     <div>      <label>       <input type="text" name="qfrom" value="<?php echo $qfrom; ?>" id="ssch_qfrom" size="10" placeholder="최소 가격">      </label>      <label> ~</label>      <label>       <input type="text" name="qto" value="<?php echo $qto; ?>" id="ssch_qto" size="10" placeholder="최대 가격">      </label>     </div>    </div>    <div class="si">     <div>      <button type="submit">검색하기</button>     </div>    </div>   </div>   <div id="group3_3" style="display:none;">    <div>     <label style="display:block;"><b>선택 옵션</b><br></label>      <input type="checkbox" name="it_4" value="yes" <?php echo $it_4_check?'checked="checked"':'';?>> 맞춤시공    </div>    <div class="si">     <div>      <button type="submit">검색하기</button>     </div>    </div>   </div>  </div> </form> </div> <script>  function set_sort(qsort) {   var f = document.frmdetailsearch;   var qorder = "desc";   if(qsort == "it_price_min") {    qsort = "it_price";    qorder = "asc";   }   f.qsort.value = qsort;   f.qorder.value = qorder;   f.submit();  }  function set_ca_id(qcaid) {   var f = document.frmdetailsearch;   f.qcaid.value = qcaid;   f.submit();  } </script> <script language="javascript">  function eventCheck(obj, group) {   var group2_1 = document.getElementById("group2_1");   group2_1.style.display = document.frmdetailsearch.step1_1.checked == false?"none":"block";   var group2_2 = document.getElementById("group2_2");   group2_2.style.display = document.frmdetailsearch.step1_2.checked == false?"none":"block";   var group2_3 = document.getElementById("group2_3");   group2_3.style.display = document.frmdetailsearch.step1_3.checked == false?"none":"block";   var group2_4 = document.getElementById("group2_4");   group2_4.style.display = document.frmdetailsearch.step1_4.checked == false?"none":"block";   var group3_1 = document.getElementById("group3_1");   group3_1.style.display = document.frmdetailsearch.step2_1.checked == false?"none":"block";   var group3_1 = document.getElementById("group3_1");   group3_1.style.display = document.frmdetailsearch.step2_3.checked == false?"none":"block";   var group3_1 = document.getElementById("group3_1");   group3_1.style.display = document.frmdetailsearch.step2_5.checked == false?"none":"block";   var group3_1 = document.getElementById("group3_1");   group3_1.style.display = document.frmdetailsearch.step2_7.checked == false?"none":"block";   var group3_1 = document.getElementById("group3_1");   group3_1.style.display = document.frmdetailsearch.step2_8.checked == false?"none":"block";   var group3_1 = document.getElementById("group3_1");   group3_1.style.display = document.frmdetailsearch.step2_9.checked == false?"none":"block";   var group3_1 = document.getElementById("group3_1");   group3_1.style.display = document.frmdetailsearch.step2_10.checked == false?"none":"block";   var group3_1 = document.getElementById("group3_1");   group3_1.style.display = document.frmdetailsearch.step2_11.checked == false?"none":"block";    var group3_2 = document.getElementById("group3_2");   group3_2.style.display = document.frmdetailsearch.step2_2.checked == false?"none":"block";   var group3_2 = document.getElementById("group3_2");   group3_2.style.display = document.frmdetailsearch.step2_6.checked == false?"none":"block";   var group3_3 = document.getElementById("group3_3");   group3_3.style.display = document.frmdetailsearch.step2_4.checked == false?"none":"block";    var oBool      = obj.checked;  //선택한 체크박스 checked 값을 변수에 담는다.   var oDiv      = document.getElementById(group);  //해당 그룹 div   var oNodeList  = oDiv.getElementsByTagName("INPUT");  //div 안에 속해 있는 개체   /*  해당 그룹에 있는 체크박스 모두 해제  */   for (i = 0; i < oNodeList.length; i++)   {     if (oNodeList[i].type == "checkbox")     {    oNodeList[i].checked = false;     }   }        /*  선택한 체크박스에 checked 적용  */   obj.checked = oBool;    }     </script></aside>