본문 바로가기
Js

input radio 라디오버튼 값으로 특정 css 변경

by 영감은어디에 2024. 5. 13.

라디오 버튼을 텝 대용으로 사용할때 

<div class="filterTab">
    <label>
        <input type="radio" name="viewDmd" value="1" checked />
        <span>표</span>
    </label>
    <label>
        <input type="radio" name="viewDmd" value="2" />
        <span>그래프</span>
    </label>
</div>
 $("input[name='viewDmd']").on("click", function () {
    var selec = $("input[name='viewDmd']:checked").val();
    if(selec == 1){
        $('.tableSection').removeClass('disable');
        $('.grpSection').addClass('disable');
    }else if(selec == 2){
        $('.grpSection').removeClass('disable');
        $('.tableSection').addClass('disable');
    }
});

 

'Js' 카테고리의 다른 글

toggle menu 반응형  (0) 2024.06.28
팝업 popup  (0) 2024.05.05
시간차 parallax 패럴렉스 표현  (0) 2024.04.28
goto top  (0) 2024.04.27