이전 목록 다음
채택완료

스크립트 질문입니다.

humanb2box
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-23 (금) 16:26:47 2,237

<input type="radio" id="a"/>
<input type="radio" id="b"/>
<div class="box"></div>

a 라디오를 누르면 박스가 안보이고,

b 라디오를 누르면 박스가 보이게 하려고 하는데요..

    if ( $("#a").is(":checked") == true)
                        { alert("aa");
                        }

이런식으로 해보려고했더니 새로고침할대만 되네요... 어떻게 해야하나요 ㅠㅠㅠ

radio
|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
슈슈와이
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-23 (금) 16:41:44

$('#a, #b').on('click', function() { $('.box').toggle($('#a').is(':checked')) });

트트샷
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-23 (금) 16:41:00

radio 에 동일 name 요소를 추가한 예제 코드입니다.

Copy 
<input type="radio" name="aa" id="a"/>
<input type="radio" name="aa" id="b"/>
<div class="box">test</div>

$(':radio[name=aa]').on('click', function() {
    if ($(this).attr('id') == 'a')
        $('.box').hide();
    else if ($(this).attr('id') == 'b')
        $('.box').show();
});

답변에 대한 댓글 1개

humanb2box
프로필 보기이 회원 글보기이 회원의 댓글보기
 2018-03-23 (금) 16:46:10
감사합니더

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