radio 버튼 체크유무

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

제이쿼리는 정말 대박이야 

$(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는 정말 뛰어나네요 ㅎㅎㅎㅎ