채택완료

제이쿼리 문의드립니다...

2016-11-10 (목) 09:32:50 1,699

제이쿼리 문의드립니다...

http://kimtaeyoung.co.kr/mediaquerie/foodist/01.html

동의합니다에 체크를 하고 아래 테이블에서  

성별에 남자를 체크하면 동의합니다 라디오버튼 체크가 사라져버립니다..

스크립트는 아래와같이 짰는데요.. 

클릭과 동시에

$('.radio label').removeClass('on');

를 시켜서그런데요..

자기 자신영역에서만 판단해서 addClass, removeClass를 시키는 효과적인 방법이 잇을까요 ?? 

$(document).ready(function(){
//radio
    $('.radio input').change(function(){
        $('.radio label').removeClass('on');
        $(this).next('label').addClass('on');
        return false
    });
}); 

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트
2016-11-10 (목) 10:25:49
Copy
$(function() {    $("input[name^='radio_']").on("click", function() {        $(this).closest(".radio").find("label").removeClass("on");        $(this).siblings("label").addClass("on");    });});

올려 주신 부분에서 radio 부분만 갖고 와서 테스트를 해 봐서 작동 안 할 수도 있지만... 

답변에 대한 댓글 1개

2016-11-10 (목) 11:10:25
오 역시 왕계란님 감사합니다
clossest, siblings 좋은 공부 해갑니다 ^^

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