2026, 새로운 도약을 시작합니다.

상품보기 버튼을 인풋 라디오 타입으로 변경했는데.. 채택완료

원래는 버튼으로 되어있는데 클릭 전/후 디자인을 적용하려고 인풋 라디오타입으로 바꾸었습니다.

스크립트 부분을 어떻게 수정해야 할까요? ㅠㅠ

[원래 소스]

<li><button type="button" class="sct_lst_view sct_lst_gallery"><img src="<?php echo G5_mIMG_URL; ?>/icon_list2_on.jpg"><span class="sound_only">갤러리뷰</span></button></li>
<li><button type="button" class="sct_lst_view sct_lst_list"><img src="<?php echo G5_mIMG_URL; ?>/icon_list1.jpg"><span class="sound_only">리스트뷰</span></button></li>

[수정소스]

<li><input type="radio" id="list1" name="list" checked><label for="list1"></label></li>
<li><input type="radio" id="list2" name="list"><label for="list2"></label></li>

[스크립트]

    $("button.sct_lst_view").on("click", function() {
        var $ul_sct = $("ul.sct");

        if($(this).hasClass("sct_lst_gallery")) {
            shop_list_type_fn("gallery");
        } else {
            shop_list_type_fn("list");
        }
    });

답변 1개

채택된 답변
+20 포인트

button을 빼시고 class나 id로 호출하셔서 사용하시면 됩니다.

아이디는 # 클래스는 .을 붙여주세요 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

앗.. 감사합니다!! button 대신 input 넣고 클래스 기존소스랑 동일하게 넣어주니까 되네요.

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

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

로그인
🐛 버그신고