radio 버튼 체크유무

JQUERY

radio 버튼 체크유무

강준한 2015. 4. 16. 17:36

회원 동의 를 얻어야 하는 그런 페이지를 만들필요가 생겼다.

제이쿼리는 정말 대박이야

$(document).ready(function(){
        $.next = function(){  //특정 이벤트 호출
            if($(":input:radio[name=radio1]:checked").val() == "no" || $(":input:radio[name=radio1]:checked").val() != "yes"){
//input 앨리먼트에 타입은 radio 이면서 name이 radio1 인것의 체크된 값을 구분 한다.
                      alert("회원이용약관에 동의하지 않았습니다.");
                      $('body, html').animate({ scrollTop: $("#terms_tab1").offset().top }, 1000);   //현재 앨리먼트로 스크롤 이동됨
                      return;          
            }else {
                     var browser = navigator.userAgent.toLowerCase();    //이것은 현재 유저가 사용하고 있는 브라우저를 저장한다
            if(browser.indexOf('msie') >= 0){    //다른건 모르겠지만 일단 익스플로러는 msie 이다. 다른건 대충 알듯함 ㅋ
          $("#form1").attr("action", "URL").submit(); 서브밋 하면!!!
            }else{
          alert('회원가입은 인터넷 익스플로러(IE)에서만 가능합니다.');
  }
          }
        };
 
 $("#cbxAll").click(function() {
       if($('#cbxAll').is(':checked') == true){     //이것은 모두동의 체크박스다. 체크 확인을 하는 중이다
             $("input:radio").each(function(index, findElement){         //for 문과 같은데 돌면서 index를 남기죠
                   if($(this).val() == "yes"){   //현재 앨리먼트벨류가 yes면
                         $(this).attr("checked",true);   //이것의 체크 값에 true를 줌
//결국 모두동의 버튼이 눌리면 엘리먼트벨류가 yes 인건 모조리 선택 해라라는 로직입니다
                   }
             });
      }
 });
 
 $("input:radio").click(function(){
      if($(this).val() == "no"){          //모두동의를 눌럿다가 어느하나를 동의 하지 않았을때는 체크박스에 체크를 해지 시켜 줘야겟죠겟죠
            $('#cbxAll').attr('checked', false);
      }
 });

});

jquery는 정말 뛰어나네요 ㅎㅎㅎㅎ

저작자표시 (새창열림)