라디오박스 CSS 질문드립니다.
본문
PHP 함수 이용이 아닌 자바스크립트를 통한 처리가 필요합니다;
//선택페이지)
<a href ="/apply">single 신청하기 </a>
<a href ="/apply">couple 신청하기 </a>
<a href ="/apply">master 신청하기 </a>
//신청페이지)
<label><input type="radio" name="service_type" value="single" id="single">single </label>
<label><input type="radio" name="service_type" value="couple" id="single">couple </label>
<label><input type="radio" name="service_type" value="master " id="single">master </label>
현재 소스 상으로 선택페이지에서 신청하기 a링크를 클릭시
신청페이지로 옵니다.
신청페이지에는 3개의 라디오 버튼이 있는데
구현하고자 하는 바는, single 신청하기를 눌러 페이지가 이동했을때
신청페이지에 있는 radio 버튼이 활성화(active) 되고
couple은 couple 라디오버튼이, master는 master 라디오버튼이 활성화 되길 원합니다;
혹시 제이쿼리나 자바스크립트를 이용해서 이를 구현하려면 어떻게해야할까요?
답변 1
샘플 : http://deb.kr/test/radio2.php
jquery
<script>
$(function() {
$(".single").on("click", function(){
$("input:radio[value='single']").prop("checked",true);
});
$(".couple").click(function(){
$("input:radio[value='couple']").attr("checked", true);
});
$(".master").click(function(){
$("input:radio[value='master']").attr("checked", true);
});
});
</script>
<a href ="javascript:" id="apply" class="single">single 신청하기 </a>
<a href ="javascript:" id="apply" class="couple">couple 신청하기 </a>
<a href ="javascript:" id="apply" class="master">master 신청하기 </a> <br/><br/>
<label><input type="radio" name="service_type" value="single" id="single">single </label>
<label><input type="radio" name="service_type" value="couple" id="single">couple </label>
<label><input type="radio" name="service_type" value="master" id="single">master </label>
답변을 작성하시기 전에 로그인 해주세요.
