본문 바로가기
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' 카테고리의 다른 글

offset().top 메뉴 스크롤하기  (0) 2024.06.29
썸네일이 있는 갤러리  (0) 2024.06.29
연속된 이미지들 스크롤이나 슬라이더로 조절하기  (0) 2024.06.29
웹디자인기능사 실기 제이쿼리 부분  (0) 2024.06.29
toggle menu, 햄버거 토글  (0) 2024.06.28
팝업 popup  (0) 2024.05.05
시간차 parallax 패럴렉스 표현  (0) 2024.04.28
goto top  (0) 2024.04.27