체크드 나누기 질문!

안녕하세요~!!

항상 감사드립니다.

 

위 사진처럼 Top Board와 Body, 패브릭, 레자, 의자, 메쉬 등을 나눠주려고 합니다.

Top Board와 Body, 패브릭, 레자, 의자, 메쉬 등은 같은이미지가 들어갈때도, 아닐때도 있습니다.

Top Board와 Body, 패브릭, 레자, 의자, 메쉬 등에도 들어가야합니다.

 

단순히 네임값으로만 넘겨주면 100개의 이미지를 *6개나 만들어야하고 클릭하는 사람의 불편함이 예상되어

체크할때 Top Board와 Body, 패브릭, 레자, 의자, 메쉬중 하나로 나누기도하며 복수로 선택하기도 필요합니다.

ex) Top Board: 레드색 , Body: 레드색

 

이럴때는 어떤 방법이 있을까요?

알려주시면 참고해서 열심히 진행하겠습니다.

 

<li><label for="edge_1"><input onchange="my_checkbox_class(this)"  id="edge_1" type="checkbox" name="kboard_option_type_color_echk1" value="1_1"<?php if($content->option->type_color_echk1 == '1_1'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_1.jpg"><p class="color_name">WLP002</p><p class="color_name">WEG002</p><p class="color_name">망펄</p> </li>

editor.php에서 보내는 코드입니다. 

<div class="k_r_colorsample_1"><span>Top Board</span></br>
						<?php if($content->option->type_color_echk1 == '1_1'):?><img src="/wp-content/uploads/colorsample/edge_1.jpg"><?php endif?>
</div>

document.php에서 받는 코드입니다.

제 생각에는 도저히 답이 나오지않아 힌트를 요청드립니다..ㅠㅠ

 

div속 이미지가 없으면 div를 삭제해라 까지는 코스모스팜을 통해 배웠습니다.

항상 감사드립니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    선택해야 할게 많아서 문제가 되는지요? (질문의 핵심이 이해가 잘 안가네요)

    <?php for($index=0; $index<100; $index++):?>
    	<li><label for="edge_<?php echo $index?>"><input onchange="my_checkbox_class(this)" id="edge_<?php echo $index?>" type="checkbox" name="kboard_option_type_color_echk<?php echo $index?>" value="1_<?php echo $index?>"<?php if($content->option->type_color_echk{$index} == "1_{$index}"):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_<?php echo $index?>.jpg"><p class="color_name">WLP002</p><p class="color_name">WEG002</p><p class="color_name">망펄</p></li>
    <?php endfor;?>

    이런식으로 for 문안에 코드를 입력하시면 반복되는 코드를 줄일 수 있습니다~

    고맙습니다.

  • 이미지가 겹칠 경우에는 같은 이미지를 사용하면 되지만

    체크박스는 TopBoard, body, 파티션, 레자, 패브릭에

    해당 컬러칩만큼 각각 따로 추가해주셔야 할 듯합니다.

  • 상단이미지처럼 

    Topboard

    안에서 컬러칩이 나와야하고

    Body

    안에서 컬러칩이 나와야하고

    그외에도 파티션,레자,패브릭 등이있습니다.

     

    div나눈 이유가 TopBoard,body,파티션,레자,패브릭 이라는 애 속에 넣으려고합니다.

    위에 TopBoard,body,파티션,레자,패브릭는 이미지가 겹칠수도 겹치지 않을수도 있습니다!

     

    그래서 모든 이미지를 넣어두고

    그값들을 해당 div에서 가져와줘야하는데

    div만다르지 출력값이 똑같기때문에 문제가 생깁니다.

  • <div class="1">
    <?php if($content->option->type_color_echk1 == '1_1'):?><img src="/wp-content/uploads/colorsample/edge_1.jpg"><?php endif?>
    <?php if($content->option->type_color_echk2 == '1_2'):?><img src="/wp-content/uploads/colorsample/edge_2.jpg"><?php endif?>
    <?php if($content->option->type_color_echk3 == '1_3'):?><img src="/wp-content/uploads/colorsample/edge_3.jpg"><?php endif?>
    <?php if($content->option->type_color_echk4 == '1_4'):?><img src="/wp-content/uploads/colorsample/edge_4.jpg"><?php endif?>
    <?php if($content->option->type_color_echk5 == '1_5'):?><img src="/wp-content/uploads/colorsample/edge_5.jpg"><?php endif?>
    </div>
    <div class="2">
    <?php if($content->option->type_color_echk4 == '1_4'):?><img src="/wp-content/uploads/colorsample/edge_4.jpg"><?php endif?>
    <?php if($content->option->type_color_echk5 == '1_5'):?><img src="/wp-content/uploads/colorsample/edge_5.jpg"><?php endif?>
    </div>

    이런 식으로 들어가는 어떤 경우가 있는지 알려주시겠어요?

    어떤 이유로 div 태그를 2개로 나누셨는지도 알려주시겠어요?

    올려주신 글만으로는 어떤 것을 구현하시려는지 감이 잘 안 잡힙니다.

  • <div class="1">
    <?php if($content->option->type_color_echk1 == '1_1'):?><img src="/wp-content/uploads/colorsample/edge_1.jpg"><?php endif?>
    <?php if($content->option->type_color_echk2 == '1_2'):?><img src="/wp-content/uploads/colorsample/edge_2.jpg"><?php endif?>
    <?php if($content->option->type_color_echk3 == '1_3'):?><img src="/wp-content/uploads/colorsample/edge_3.jpg"><?php endif?>
    </div>
    <div class="2">
    <?php if($content->option->type_color_echk4 == '1_4'):?><img src="/wp-content/uploads/colorsample/edge_4.jpg"><?php endif?>
    <?php if($content->option->type_color_echk5 == '1_5'):?><img src="/wp-content/uploads/colorsample/edge_5.jpg"><?php endif?>
    </div>

    이렇게 적용하게되면

    div class="1" 이쪽에 4,5를 넣어야하는경우에 문제가 생겨버립니다 ㅠㅠ

    즉 선택시 어느 div로 들어갈것이냐를 선택할수 있게해야하는건데.. 이게 가능한건지를 모르겠습니다..

  • 아래 코드처럼 적용해보시면 어떨까요?

    <div class="1">
    <?php if($content->option->type_color_echk1 == '1_1'):?><img src="/wp-content/uploads/colorsample/edge_1.jpg"><?php endif?>
    <?php if($content->option->type_color_echk2 == '1_2'):?><img src="/wp-content/uploads/colorsample/edge_2.jpg"><?php endif?>
    <?php if($content->option->type_color_echk3 == '1_3'):?><img src="/wp-content/uploads/colorsample/edge_3.jpg"><?php endif?>
    </div>
    <div class="2">
    <?php if($content->option->type_color_echk4 == '1_4'):?><img src="/wp-content/uploads/colorsample/edge_4.jpg"><?php endif?>
    <?php if($content->option->type_color_echk5 == '1_5'):?><img src="/wp-content/uploads/colorsample/edge_5.jpg"><?php endif?>
    </div>
  • <div id="tab1">
    								<ul>
    									<li><label for="edge_1" ><input class="my_checkbox" onchange="my_checkbox_class(this)" id="edge_1" type="checkbox" name="kboard_option_type_color_echk1" value="1_1"<?php if($content->option->type_color_echk1 == '1_1'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_1.jpg" class="addcheck" ><p class="color_name">WLP002</p><p class="color_name">WEG002</p><p class="color_name">망펄</p></label></li>
    									<li><label for="edge_2"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_2" type="checkbox" name="kboard_option_type_color_echk2" value="1_2"<?php if($content->option->type_color_echk2 == '1_2'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_2.jpg" class="addcheck" ><p class="color_name">WLP001</p><p class="color_name">WEG001</p><p class="color_name">메이플</p></label></li>
    									<li><label for="edge_3"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_3" type="checkbox" name="kboard_option_type_color_echk3" value="1_3"<?php if($content->option->type_color_echk3 == '1_3'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_3.jpg" class="addcheck" ><p class="color_name">WLP011</p><p class="color_name">WEG013</p><p class="color_name">로즈</label></p> </li>
    									<li><label for="edge_4"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_4" type="checkbox" name="kboard_option_type_color_echk4" value="1_4"<?php if($content->option->type_color_echk4 == '1_4'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_4.jpg" class="addcheck" ><p class="color_name">WLP007</p><p class="color_name">WEG004</p><p class="color_name">OX</label></p> </li>
    									<li><label for="edge_5"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_5" type="checkbox" name="kboard_option_type_color_echk5" value="1_5"<?php if($content->option->type_color_echk5 == '1_5'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_5.jpg" class="addcheck" ><p class="color_name">WLP008</p><p class="color_name">WEG003</p><p class="color_name">파스텔</label></p> </li>
    									<li><label for="edge_6"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_6" type="checkbox" name="kboard_option_type_color_echk6" value="1_6"<?php if($content->option->type_color_echk6 == '1_6'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_6.jpg" class="addcheck" ><p class="color_name">WLP009</p><p class="color_name">WEG006</p><p class="color_name">에어포트</label></p> </li>
    									<li><label for="edge_7"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_7" type="checkbox" name="kboard_option_type_color_echk7" value="1_7"<?php if($content->option->type_color_echk7 == '1_7'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_7.jpg" class="addcheck" ><p class="color_name">WLP004</p><p class="color_name">WEG005</p><p class="color_name">그레이</label></p> </li>
    									<li><label for="edge_8"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_8" type="checkbox" name="kboard_option_type_color_echk8" value="1_8"<?php if($content->option->type_color_echk8 == '1_8'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_8.jpg" class="addcheck" ><p class="color_name">WLP010</p><p class="color_name">WEG005</p><p class="color_name">스노우/그레이</label></p> </li>
    									<li><label for="edge_9"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_9" type="checkbox" name="kboard_option_type_color_echk9" value="1_9"<?php if($content->option->type_color_echk9 == '1_9'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_9.jpg" class="addcheck" ><p class="color_name">WLP003</p><p class="color_name">WEG005</p><p class="color_name">백색/그레이</label></p> </li>
    									<li><label for="edge_10"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_10" type="checkbox" name="kboard_option_type_color_echk10" value="1_10"<?php if($content->option->type_color_echk10 == '1_10'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_10.jpg" class="addcheck" ><p class="color_name">WLP012</p><p class="color_name">WEG007</p><p class="color_name">월넛</label></p> </li>
    									<li><label for="edge_11"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_11" type="checkbox" name="kboard_option_type_color_echk11" value="1_11"<?php if($content->option->type_color_echk11 == '1_11'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_11.jpg" class="addcheck" ><p class="color_name">WLP005</p><p class="color_name">WEG014</p><p class="color_name">500G</label></p> </li>
    									<li><label for="edge_12"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_12" type="checkbox" name="kboard_option_type_color_echk12" value="1_12"<?php if($content->option->type_color_echk12 == '1_12'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_12.jpg" class="addcheck" ><p class="color_name">WLP006</p><p class="color_name">WEG012</p><p class="color_name">블랙</label></p> </li>
    									<li><label for="edge_13"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_13" type="checkbox" name="kboard_option_type_color_echk13" value="1_13"<?php if($content->option->type_color_echk13 == '1_13'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_13.jpg" class="addcheck" ><p class="color_name">WLP013</p><p class="color_name">WEG005</p><p class="color_name">하늘/그레이</label></p> </li>
    									<li><label for="edge_14"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_14" type="checkbox" name="kboard_option_type_color_echk14" value="1_14"<?php if($content->option->type_color_echk14 == '1_14'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_14.jpg" class="addcheck" ><p class="color_name">WLP014</p><p class="color_name">WEG005</p><p class="color_name">분홍/그레이</label></p> </li>
    									<li><label for="edge_15"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_15" type="checkbox" name="kboard_option_type_color_echk15" value="1_15"<?php if($content->option->type_color_echk15 == '1_15'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_15.jpg" class="addcheck" ><p class="color_name">WLP015</p><p class="color_name">WEG005</p><p class="color_name">노랑/그레이</label></p> </li>
    									<li><label for="edge_16"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_16" type="checkbox" name="kboard_option_type_color_echk16" value="1_16"<?php if($content->option->type_color_echk16 == '1_16'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_16.jpg" class="addcheck" ><p class="color_name">WLP016</p><p class="color_name">WEG005</p><p class="color_name">연두/그레이</label></p> </li>
    									<li><label for="edge_17"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_17" type="checkbox" name="kboard_option_type_color_echk17" value="1_17"<?php if($content->option->type_color_echk17 == '1_17'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_17.jpg" class="addcheck" ><p class="color_name">WLP017</p><p class="color_name">WEG005</p><p class="color_name">주황/그레이</label></p> </li>
    									<li><label for="edge_18"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="edge_18" type="checkbox" name="kboard_option_type_color_echk18" value="1_18"<?php if($content->option->type_color_echk18 == '1_18'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/edge_18.jpg" class="addcheck" ><p class="color_name">WLP018</p><p class="color_name">WEG005</p><p class="color_name">파랑/그레이</label></p> </li>
    								</ul>
    							</div>
    							<div id="tab2">
    								<ul>
    									<li><label for="wood_1"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_1" type="checkbox" name="kboard_option_type_color_wchk1" value="2_1"<?php if($content->option->type_color_wchk1 == '2_1'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_1.jpg" class="addcheck" ><p class="color_name">WLP002</p><p class="color_name">망펄</label></p> </li>
    									<li><label for="wood_2"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_2" type="checkbox" name="kboard_option_type_color_wchk2" value="2_2"<?php if($content->option->type_color_wchk2 == '2_2'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_2.jpg" class="addcheck" ><p class="color_name">WLP001</p><p class="color_name">메이플</label></p> </li>
    									<li><label for="wood_3"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_3" type="checkbox" name="kboard_option_type_color_wchk3" value="2_3"<?php if($content->option->type_color_wchk3 == '2_3'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_3.jpg" class="addcheck" ><p class="color_name">WLP011</p><p class="color_name">로즈</label></p> </li>
    									<li><label for="wood_4"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_4" type="checkbox" name="kboard_option_type_color_wchk4" value="2_4"<?php if($content->option->type_color_wchk4 == '2_4'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_4.jpg" class="addcheck" ><p class="color_name">WLP007</p><p class="color_name">OX</label></p> </li>
    									<li><label for="wood_5"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_5" type="checkbox" name="kboard_option_type_color_wchk5" value="2_5"<?php if($content->option->type_color_wchk5 == '2_5'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_5.jpg" class="addcheck" ><p class="color_name">WLP008</p><p class="color_name">파스텔</label></p> </li>
    									<li><label for="wood_6"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_6" type="checkbox" name="kboard_option_type_color_wchk6" value="2_6"<?php if($content->option->type_color_wchk6 == '2_6'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_6.jpg" class="addcheck" ><p class="color_name">WLP009</p><p class="color_name">에어포트</label></p> </li>
    									<li><label for="wood_7"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_7" type="checkbox" name="kboard_option_type_color_wchk7" value="2_7"<?php if($content->option->type_color_wchk7 == '2_7'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_7.jpg" class="addcheck" ><p class="color_name">WLP004</p><p class="color_name">그레이</label></p> </li>
    									<li><label for="wood_8"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_8" type="checkbox" name="kboard_option_type_color_wchk8" value="2_8"<?php if($content->option->type_color_wchk8 == '2_8'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_8.jpg" class="addcheck" ><p class="color_name">WLP010</p><p class="color_name">스노우</label></p> </li>
    									<li><label for="wood_9"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_9" type="checkbox" name="kboard_option_type_color_wchk9" value="2_9"<?php if($content->option->type_color_wchk9 == '2_9'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_9.jpg" class="addcheck" ><p class="color_name">WLP003</p><p class="color_name">백색</label></p> </li>
    									<li><label for="wood_10"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_10" type="checkbox" name="kboard_option_type_color_wchk10" value="2_10"<?php if($content->option->type_color_wchk10 == '2_10'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_10.jpg" class="addcheck" ><p class="color_name">WLP012</p><p class="color_name">월넛</label></p> </li>
    									<li><label for="wood_11"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_11" type="checkbox" name="kboard_option_type_color_wchk11" value="2_11"<?php if($content->option->type_color_wchk11 == '2_11'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_11.jpg" class="addcheck" ><p class="color_name">WLP005</p><p class="color_name">500G</label></p> </li>
    									<li><label for="wood_12"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_12" type="checkbox" name="kboard_option_type_color_wchk12" value="2_12"<?php if($content->option->type_color_wchk12 == '2_12'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_12.jpg" class="addcheck" ><p class="color_name">WLP006</p><p class="color_name">블랙</label></p> </li>
    									<li><label for="wood_13"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_13" type="checkbox" name="kboard_option_type_color_wchk13" value="2_13"<?php if($content->option->type_color_wchk13 == '2_13'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_13.jpg" class="addcheck" ><p class="color_name">WLP013</p><p class="color_name">하늘</label></p> </li>
    									<li><label for="wood_14"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_14" type="checkbox" name="kboard_option_type_color_wchk14" value="2_14"<?php if($content->option->type_color_wchk14 == '2_14'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_14.jpg" class="addcheck" ><p class="color_name">WLP014</p><p class="color_name">분홍</label></p> </li>
    									<li><label for="wood_15"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_15" type="checkbox" name="kboard_option_type_color_wchk15" value="2_15"<?php if($content->option->type_color_wchk15 == '2_15'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_15.jpg" class="addcheck" ><p class="color_name">WLP015</p><p class="color_name">노랑</label></p> </li>
    									<li><label for="wood_16"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_16" type="checkbox" name="kboard_option_type_color_wchk16" value="2_16"<?php if($content->option->type_color_wchk16 == '2_16'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_16.jpg" class="addcheck" ><p class="color_name">WLP016</p><p class="color_name">연두</label></p> </li>
    									<li><label for="wood_17"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_17" type="checkbox" name="kboard_option_type_color_wchk17" value="2_17"<?php if($content->option->type_color_wchk17 == '2_17'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_17.jpg" class="addcheck" ><p class="color_name">WLP017</p><p class="color_name">주황</label></p> </li>
    									<li><label for="wood_18"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="wood_18" type="checkbox" name="kboard_option_type_color_wchk18" value="2_18"<?php if($content->option->type_color_wchk18 == '2_18'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/wood_18.jpg" class="addcheck" ><p class="color_name">WLP018</p><p class="color_name">파랑</label></p> </li>
    								</ul>
    							</div>
    							<div id="tab3">
    								<ul>
    									<li><label for="veneer_1"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="veneer_1" type="checkbox" name="kboard_option_type_color_vchk1" value="3_1"<?php if($content->option->type_color_vchk1 == '3_1'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/veneer_1.jpg" class="addcheck" ><p class="color_name">MVE001</p><p class="color_name">1000G</label></p> </li>
    									<li><label for="veneer_2"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="veneer_2" type="checkbox" name="kboard_option_type_color_vchk2" value="3_2"<?php if($content->option->type_color_vchk2 == '3_2'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/veneer_2.jpg" class="addcheck" ><p class="color_name">MVE002</p><p class="color_name">3000G</label></p> </li>
    									<li><label for="veneer_3"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="veneer_3" type="checkbox" name="kboard_option_type_color_vchk3" value="3_3"<?php if($content->option->type_color_vchk3 == '3_3'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/veneer_3.jpg" class="addcheck" ><p class="color_name">MVE003</p><p class="color_name">월넛</label></p> </li>
    									<li><label for="veneer_4"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="veneer_4" type="checkbox" name="kboard_option_type_color_vchk4" value="3_4"<?php if($content->option->type_color_vchk4 == '3_4'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/veneer_4.jpg" class="addcheck" ><p class="color_name">MVE004</p><p class="color_name">체리3</label></p> </li>
    									<li><label for="veneer_5"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="veneer_5" type="checkbox" name="kboard_option_type_color_vchk5" value="3_5"<?php if($content->option->type_color_vchk5 == '3_5'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/veneer_5.jpg" class="addcheck" ><p class="color_name">MVE005</p><p class="color_name">오크2</label></p> </li>
    									<li><label for="veneer_6"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="veneer_6" type="checkbox" name="kboard_option_type_color_vchk6" value="3_6"<?php if($content->option->type_color_vchk6 == '3_6'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/veneer_6.jpg" class="addcheck" ><p class="color_name">WHP001</p><p class="color_name">500G</label></p> </li>
    								</ul>
    							</div>
    							<div id="tab4">
    								<ul>
    									<li><label for="lamis_1"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="lamis_1" type="checkbox" name="kboard_option_type_color_lchk1" value="4_1"<?php if($content->option->type_color_lchk1 == '4_1'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/lamis_1.jpg" class="addcheck" ><p class="color_name">NW311HG</label></p> </li>
    									<li><label for="lamis_2"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="lamis_2" type="checkbox" name="kboard_option_type_color_lchk2" value="4_2"<?php if($content->option->type_color_lchk2 == '4_2'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/lamis_2.jpg" class="addcheck" ><p class="color_name">MM001HG</label></p> </li>
    									<li><label for="lamis_3"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="lamis_3" type="checkbox" name="kboard_option_type_color_lchk3" value="4_3"<?php if($content->option->type_color_lchk3 == '4_3'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/lamis_3.jpg" class="addcheck" ><p class="color_name">S9152TC</label></p> </li>
    									<li><label for="lamis_4"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="lamis_4" type="checkbox" name="kboard_option_type_color_lchk4" value="4_4"<?php if($content->option->type_color_lchk4 == '4_4'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/lamis_4.jpg" class="addcheck" ><p class="color_name">S9023HG</label></p> </li>
    									<li><label for="lamis_5"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="lamis_5" type="checkbox" name="kboard_option_type_color_lchk5" value="4_5"<?php if($content->option->type_color_lchk5 == '4_5'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/lamis_5.jpg" class="addcheck" ><p class="color_name">S9154TC</label></p> </li>
    									<li><label for="lamis_6"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="lamis_6" type="checkbox" name="kboard_option_type_color_lchk6" value="4_6"<?php if($content->option->type_color_lchk6 == '4_6'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/lamis_6.jpg" class="addcheck" ><p class="color_name">S9848TC</label></p> </li>
    								</ul>	
    							</div>
    							<div id="tab5">
    								<ul>
    									<li><label for="chair_1"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="chair_1" type="checkbox" name="kboard_option_type_color_cchk1" value="5_1"<?php if($content->option->type_color_cchk1 == '5_1'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/chair_1.jpg" class="addcheck" ><p class="color_name">레드</label></p> </li>
    									<li><label for="chair_2"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="chair_2" type="checkbox" name="kboard_option_type_color_cchk2" value="5_2"<?php if($content->option->type_color_cchk2 == '5_2'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/chair_2.jpg" class="addcheck" ><p class="color_name">오렌지</label></p> </li>
    									<li><label for="chair_3"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="chair_3" type="checkbox" name="kboard_option_type_color_cchk3" value="5_3"<?php if($content->option->type_color_cchk3 == '5_3'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/chair_3.jpg" class="addcheck" ><p class="color_name">그린</label></p> </li>
    									<li><label for="chair_4"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="chair_4" type="checkbox" name="kboard_option_type_color_cchk4" value="5_4"<?php if($content->option->type_color_cchk4 == '5_4'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/chair_4.jpg" class="addcheck" ><p class="color_name">블루</label></p> </li>
    									<li><label for="chair_5"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="chair_5" type="checkbox" name="kboard_option_type_color_cchk5" value="5_5"<?php if($content->option->type_color_cchk5 == '5_5'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/chair_5.jpg" class="addcheck" ><p class="color_name">그레이</label></p> </li>
    									<li><label for="chair_6"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="chair_6" type="checkbox" name="kboard_option_type_color_cchk6" value="5_6"<?php if($content->option->type_color_cchk6 == '5_6'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/chair_6.jpg" class="addcheck" ><p class="color_name">블랙</label></p> </li>
    								</ul>
    							</div>
    							<div id="tab6">
    								<ul>
    									<li><label for="sofa_1"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_1" type="checkbox" name="kboard_option_type_color_schk1" value="6_1"<?php if($content->option->type_color_schk1 == '6_1'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_1.jpg" class="addcheck" ><p class="color_name">검정</p><p class="color_name">레자</label></p> </li>
    									<li><label for="sofa_2"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_2" type="checkbox" name="kboard_option_type_color_schk2" value="6_2"<?php if($content->option->type_color_schk2 == '6_2'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_2.jpg" class="addcheck" ><p class="color_name">진밤</p><p class="color_name">레자</label></p> </li>
    									<li><label for="sofa_3"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_3" type="checkbox" name="kboard_option_type_color_schk3" value="6_3"<?php if($content->option->type_color_schk3 == '6_3'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_3.jpg" class="addcheck" ><p class="color_name">밝은연두</p><p class="color_name">레자</label></p> </li>
    									<li><label for="sofa_4"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_4" type="checkbox" name="kboard_option_type_color_schk4" value="6_4"<?php if($content->option->type_color_schk4 == '6_4'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_4.jpg" class="addcheck" ><p class="color_name">연두</p><p class="color_name">레자</label></p> </li>
    									<li><label for="sofa_5"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_5" type="checkbox" name="kboard_option_type_color_schk5" value="6_5"<?php if($content->option->type_color_schk5 == '6_5'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_5.jpg" class="addcheck" ><p class="color_name">진연두</p><p class="color_name">레자</label></p> </li>
    									<li><label for="sofa_6"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_6" type="checkbox" name="kboard_option_type_color_schk6" value="6_6"<?php if($content->option->type_color_schk6 == '6_6'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_6.jpg" class="addcheck" ><p class="color_name">연하늘</p><p class="color_name">레자</label></p> </li>
    									<li><label for="sofa_7"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_7" type="checkbox" name="kboard_option_type_color_schk7" value="6_7"<?php if($content->option->type_color_schk7 == '6_7'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_7.jpg" class="addcheck" ><p class="color_name">하늘</p><p class="color_name">레자</label></p> </li>
    									<li><label for="sofa_8"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_8" type="checkbox" name="kboard_option_type_color_schk8" value="6_8"<?php if($content->option->type_color_schk8 == '6_8'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_8.jpg" class="addcheck" ><p class="color_name">파랑</p><p class="color_name">레자</label></p> </li>
    									<li><label for="sofa_9"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_9" type="checkbox" name="kboard_option_type_color_schk9" value="6_9"<?php if($content->option->type_color_schk9 == '6_9'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_9.jpg" class="addcheck" ><p class="color_name">아이보리</p><p class="color_name">레자</label></p> </li>
    									<li><label for="sofa_10"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_10" type="checkbox" name="kboard_option_type_color_schk10" value="6_10"<?php if($content->option->type_color_schk10 == '6_10'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_10.jpg" class="addcheck" ><p class="color_name">연주황</p><p class="color_name">레자</label></p> </li>
    									<li><label for="sofa_11"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_11" type="checkbox" name="kboard_option_type_color_schk11" value="6_11"<?php if($content->option->type_color_schk11 == '6_11'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_11.jpg" class="addcheck" ><p class="color_name">진주황</p><p class="color_name">레자</label></p> </li>
    									<li><label for="sofa_12"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_12" type="checkbox" name="kboard_option_type_color_schk12" value="6_12"<?php if($content->option->type_color_schk12 == '6_12'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_12.jpg" class="addcheck" ><p class="color_name">주황</p><p class="color_name">레자</label></p> </li>
    									<li><label for="sofa_13"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_13" type="checkbox" name="kboard_option_type_color_schk13" value="6_13"<?php if($content->option->type_color_schk13 == '6_13'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_13.jpg" class="addcheck" ><p class="color_name">다이아비</p><p class="color_name">패브릭</label></p> </li>
    									<li><label for="sofa_14"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_14" type="checkbox" name="kboard_option_type_color_schk14" value="6_14"<?php if($content->option->type_color_schk14 == '6_14'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_14.jpg" class="addcheck" ><p class="color_name">샤넬아이보리</p><p class="color_name">패브릭</label></p> </li>
    									<li><label for="sofa_15"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_15" type="checkbox" name="kboard_option_type_color_schk15" value="6_15"<?php if($content->option->type_color_schk15 == '6_15'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_15.jpg" class="addcheck" ><p class="color_name">파랑</p><p class="color_name">패브릭</label></p> </li>
    									<li><label for="sofa_16"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_16" type="checkbox" name="kboard_option_type_color_schk16" value="6_16"<?php if($content->option->type_color_schk16 == '6_16'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_16.jpg" class="addcheck" ><p class="color_name">빨강</p><p class="color_name">패브릭</label></p> </li>
    									<li><label for="sofa_17"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_17" type="checkbox" name="kboard_option_type_color_schk17" value="6_17"<?php if($content->option->type_color_schk17 == '6_17'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_17.jpg" class="addcheck" ><p class="color_name">연두</p><p class="color_name">패브릭</label></p> </li>
    									<li><label for="sofa_18"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="sofa_18" type="checkbox" name="kboard_option_type_color_schk18" value="6_18"<?php if($content->option->type_color_schk18 == '6_18'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/sofa_18.jpg" class="addcheck" ><p class="color_name">청땡땡이</p><p class="color_name">패브릭</label></p> </li>
    								</ul>
    							</div>
    							<div id="tab7">
    								<ul>
    									<li><label for="partition_1"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_1" type="checkbox" name="kboard_option_type_color_pchk1" value="7_1"<?php if($content->option->type_color_pchk1 == '7_1'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_1.jpg" class="addcheck" ><p class="color_name">F-881</label></p> </li>
    									<li><label for="partition_2"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_2" type="checkbox" name="kboard_option_type_color_pchk2" value="7_2"<?php if($content->option->type_color_pchk2 == '7_2'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_2.jpg" class="addcheck" ><p class="color_name">F-884</label></p> </li>
    									<li><label for="partition_3"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_3" type="checkbox" name="kboard_option_type_color_pchk3" value="7_3"<?php if($content->option->type_color_pchk3 == '7_3'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_3.jpg" class="addcheck" ><p class="color_name">F-885</label></p> </li>
    									<li><label for="partition_4"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_4" type="checkbox" name="kboard_option_type_color_pchk4" value="7_4"<?php if($content->option->type_color_pchk4 == '7_4'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_4.jpg" class="addcheck" ><p class="color_name">F-887</label></p> </li>
    									<li><label for="partition_5"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_5" type="checkbox" name="kboard_option_type_color_pchk5" value="7_5"<?php if($content->option->type_color_pchk5 == '7_5'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_5.jpg" class="addcheck" ><p class="color_name">F-708</label></p> </li>
    									<li><label for="partition_6"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_6" type="checkbox" name="kboard_option_type_color_pchk6" value="7_6"<?php if($content->option->type_color_pchk6 == '7_6'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_6.jpg" class="addcheck" ><p class="color_name">F-707A</label></p> </li>
    									<li><label for="partition_7"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_7" type="checkbox" name="kboard_option_type_color_pchk7" value="7_7"<?php if($content->option->type_color_pchk7 == '7_7'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_7.jpg" class="addcheck" ><p class="color_name">F-703</label></p> </li>
    									<li><label for="partition_8"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_8" type="checkbox" name="kboard_option_type_color_pchk8" value="7_8"<?php if($content->option->type_color_pchk8 == '7_8'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_8.jpg" class="addcheck" ><p class="color_name">F-704A</label></p> </li>
    									<li><label for="partition_9"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_9" type="checkbox" name="kboard_option_type_color_pchk9" value="7_9"<?php if($content->option->type_color_pchk9 == '7_9'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_9.jpg" class="addcheck" ><p class="color_name">F-883</label></p> </li>
    									<li><label for="partition_10"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_10" type="checkbox" name="kboard_option_type_color_pchk10" value="7_10"<?php if($content->option->type_color_pchk10 == '7_10'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_10.jpg" class="addcheck" ><p class="color_name">F-884A</label></p> </li>
    									<li><label for="partition_11"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_11" type="checkbox" name="kboard_option_type_color_pchk11" value="7_11"<?php if($content->option->type_color_pchk11 == '7_11'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_11.jpg" class="addcheck" ><p class="color_name">F-885A</label></p> </li>
    									<li><label for="partition_12"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_12" type="checkbox" name="kboard_option_type_color_pchk12" value="7_12"<?php if($content->option->type_color_pchk12 == '7_12'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_12.jpg" class="addcheck" ><p class="color_name">F-887A</label></p> </li>
    									<li><label for="partition_13"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_13" type="checkbox" name="kboard_option_type_color_pchk13" value="7_13"<?php if($content->option->type_color_pchk13 == '7_13'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_13.jpg" class="addcheck" ><p class="color_name">F-701</label></p> </li>
    									<li><label for="partition_14"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_14" type="checkbox" name="kboard_option_type_color_pchk14" value="7_14"<?php if($content->option->type_color_pchk14 == '7_14'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_14.jpg" class="addcheck" ><p class="color_name">F-701A</label></p> </li>
    									<li><label for="partition_15"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_15" type="checkbox" name="kboard_option_type_color_pchk15" value="7_15"<?php if($content->option->type_color_pchk15 == '7_15'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_15.jpg" class="addcheck" ><p class="color_name">F-705</label></p> </li>
    									<li><label for="partition_16"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_16" type="checkbox" name="kboard_option_type_color_pchk16" value="7_16"<?php if($content->option->type_color_pchk16 == '7_16'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_16.jpg" class="addcheck" ><p class="color_name">F-705A</label></p> </li>
    									<li><label for="partition_17"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_17" type="checkbox" name="kboard_option_type_color_pchk17" value="7_17"<?php if($content->option->type_color_pchk17 == '7_17'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_17.jpg" class="addcheck" ><p class="color_name">F-501</label></p> </li>
    									<li><label for="partition_18"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_18" type="checkbox" name="kboard_option_type_color_pchk18" value="7_18"<?php if($content->option->type_color_pchk18 == '7_18'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_18.jpg" class="addcheck" ><p class="color_name">F-502</label></p> </li>
    									<li><label for="partition_19"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_19" type="checkbox" name="kboard_option_type_color_pchk19" value="7_19"<?php if($content->option->type_color_pchk19 == '7_19'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_19.jpg" class="addcheck" ><p class="color_name">F-503</label></p> </li>
    									<li><label for="partition_20"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_20" type="checkbox" name="kboard_option_type_color_pchk20" value="7_20"<?php if($content->option->type_color_pchk20 == '7_20'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_20.jpg" class="addcheck" ><p class="color_name">F-504</label></p> </li>
    									<li><label for="partition_21"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_21" type="checkbox" name="kboard_option_type_color_pchk21" value="7_21"<?php if($content->option->type_color_pchk21 == '7_21'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_21.jpg" class="addcheck" ><p class="color_name">F-507</label></p> </li>
    									<li><label for="partition_22"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_22" type="checkbox" name="kboard_option_type_color_pchk22" value="7_22"<?php if($content->option->type_color_pchk22 == '7_22'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_22.jpg" class="addcheck" ><p class="color_name">F-508</label></p> </li>
    									<li><label for="partition_23"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_23" type="checkbox" name="kboard_option_type_color_pchk23" value="7_23"<?php if($content->option->type_color_pchk23 == '7_23'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_23.jpg" class="addcheck" ><p class="color_name">F-509</label></p> </li>
    									<li><label for="partition_24"> <input class="my_checkbox"  onchange="my_checkbox_class(this)"  id="partition_24" type="checkbox" name="kboard_option_type_color_pchk24" value="7_24"<?php if($content->option->type_color_pchk24 == '7_24'):?> checked<?php endif?>> <img src="/wp-content/uploads/colorsample/partition_24.jpg" class="addcheck" ><p class="color_name">F-510</label></p> </li>
    
    								</ul>

    이런식으로 editor.php쪽에 96개의 색상을 넣습니다.

    <div class="1">
    <?php if($content->option->type_color_echk1 == '1_1'):?><img src="/wp-content/uploads/colorsample/edge_1.jpg"><?php endif?>
    </div>
    <div class="2">
    <?php if($content->option->type_color_echk1 == '1_1'):?><img src="/wp-content/uploads/colorsample/edge_1.jpg"><?php endif?>
    </div>

    document.php입니다

    각 div마다 하나의 색상만 들어가있지만 96개가 들어가 있다고 생각해주시면 됩니다.

    결국 <div class="1"></div> <div class="2"></div>

    이부분에 색상이 각96개씩 들어가게되고

    제가 editor.php에서 체크드를 통해 색상 1,2,3,4,5의 색상을 선택하면

    <div class="1"></div> 에 색상 96개를 모두 포함했기때문에 1,2,3,4,5 가 나올것이고

    <div class="2"></div> 에도 색상 96개를 모두 포함했기때문에 1,2,3,4,5 가 나올것입니다.

     

    하지만 저는

    <div class="1"></div> 에 색상 96개를 모두 포함했기때문에 1,2,3과

    <div class="2"></div> 에도 색상 96개를 모두 포함했기때문에 4,5 가 나오기를 원합니다.

     

    제가 설명이 많이 부족한거같습니다..ㅠㅠ

    죄송합니다.

  • 안녕하세요.

    1이라는 div에 96개의 색상을 모두 집어넣고 1,2,3만 표현하고

    2라는 div에 96개의 색상을 모두 집어넣고 3,4,5를 표현한다는 말이 이해가 잘 되지 않습니다.

    좀 더 정확하게 설명해주시겠어요?

    고맙습니다.

  • 음.. 체크드로 약96개의 체크할수있는 필드를 생성하였습니다.

     

    1이라는 div에 96개의 색상을 모두집어넣고 1,2,3만 표현하고

    2라는 div에 96개의 색상을 모두집어넣고 3,4,5를 표현하고 싶을때

     

    총 색상은 1,2,3,4,5 가 들어가게됩니다.

     

    그렇다면 제가 한 코딩으로는

    1이라는 div와 2라는div에 각각

    1,2,3,4,5 / 1,2,3,4,5 이런식으로 들어가게 되는데요

     

    1이라는 div에 96개의 색상을 모두집어넣고 1,2,3만 표현하고

    2라는 div에 96개의 색상을 모두집어넣고 3,4,5를 표현하려면 어떻게 해야 좋은 효과를 낼까요?

     

    색상은 각 div에 96개 전부 집어넣어야합니다.

  • 간단한 질문이 아니라면 다음엔 유료 기술지원을 요청해주시길 부탁드립니다.

    고맙습니다.

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요