테스트 사이트 - 개발 중인 베타 버전입니다

추가옵션을 라디오 또는 체크박스로 표현되도록 했는데요... 선택옵션은 힘드네요 ㅠ.ㅠ 채택완료

감기약 10년 전 조회 4,465

아래처럼 추가옵션은 라디오 버튼으로 해결을 했는데...

 

선택옵션은 힘드네요 ㅠ.ㅠ

 

:: 선택옵션중 1차만 적는다는 전제하에 할려 합니다. 도움좀 부탁드립니다.

 

 

추가옵션 라디오 버튼으로 하는방법

 

shop.lib.php 파일과 shop.js 파일내용을 비교하여 여기저기 고쳐봤는데..

 

편리님 이렇게 하니 되긴하는데요... 잘한건지 모르겠네요 ㅠ.ㅠ

 

 

 

shop.lib.php 1045줄

 

수정전

</p><p>$options[$opt_id[0]][] = '<option value="'.$opt_id[1].','.$row['io_price'].','.$io_stock_qty.'">'.$opt_id[1].$price.$soldout.'</option>'; </p><p>

 

수정후

</span></p><p>$options[$opt_id[0]][] = '<input type="radio" name="it_supply" id="it_supply" value="'.$opt_id[1].','.$row['io_price'].','.$io_stock_qty.'">'.$opt_id[1].$price.$soldout.'
'; </p><p> </p><p><span style="font-size: 10pt; line-height: 1.5;">
 

 

위처럼 라디오 버튼이 나오도록 하였습니다.

 

이제 shop.js 128 ~ 162줄

 

수정전

</p><p>    /* 키보드 접근 후 옵션 선택 Enter keydown 이벤트 대응 */</p><p>    $("select.it_supply").live("keydown", function(e) {</p><p>        var $el = $(this);</p><p>        var code = e.keyCode;</p><p>        var val = $(this).val();</p><p> </p><p>        supply_add = false;</p><p>        if(code == 13) {</p><p>            if(val == "")</p><p>                return;</p><p> </p><p>            sel_supply_process($el, true);</p><p>        }</p><p>    });</p><p> </p><p>    if(isAndroid) {</p><p>        $("select.it_supply").live("touchend", function() {</p><p>            supply_add = true;</p><p>        });</p><p>    } else {</p><p>        $("select.it_supply").live("mousedown", function() {</p><p>            supply_add = true;</p><p>        });</p><p>    }</p><p> </p><p>    $("select.it_supply").live("change", function() {</p><p>        var $el = $(this);</p><p>        var val = $(this).val();</p><p> </p><p>        if(val == "")</p><p>            return;</p><p> </p><p>        if(supply_add)</p><p>            sel_supply_process($el, true);</p><p>    }); </p><p>

수정후

</p>    /* 키보드 접근 후 옵션 선택 Enter keydown 이벤트 대응 */<div>    $('input[name=it_supply]:radio').click(function(e) { </div><div>        var $el = $(this);</div><div>        var code = e.keyCode;</div><div>        var val = $(this).val();</div><div>
</div><div>        supply_add = false;</div><div>        if(code == 13) {</div><div>            if(val == "")</div><div>                return;</div><div>
</div><div>            sel_supply_process($el, true);</div><div>        }</div><div>    });</div><div>
</div><div>    if(isAndroid) {</div><div>        $("select.it_supply").live("touchend", function() {</div><div>            supply_add = true;</div><div>        });</div><div>    } else {</div><div>        $('input[name=it_supply]:radio').click(function() { </div><div>            supply_add = true;</div><div>        });</div><div>    }</div><div>
</div><div>        $('input[name=it_supply]:radio').click(function() { </div><div>        var $el = $(this);</div><div>        var val = $(this).val();</div><div>
</div><div>        if(val == "")</div><div>            return;</div><div>
</div><div>        if(supply_add)</div><div>            sel_supply_process($el, true);</div>    });<p>

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인