테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

라디오박스 CSS 질문드립니다. 채택완료

slingshot 8년 전 조회 2,171
답변 1
목록

PHP 함수 이용이 아닌 자바스크립트를 통한 처리가 필요합니다;

</p><p>//선택페이지)</p><p>
</p><p><a href ="/apply">single 신청하기 </a></p><p><span style="font-size: 14.6667px;"><a href ="/apply">couple 신청하기 </a></span> </p><p><span style="font-size: 14.6667px;"><a href ="/apply">master 신청하기 </a></span><span style="font-size: 14.6667px;"> </span></p><p>
</p><p>
</p><p>//신청페이지)</p><p><label><input type="radio" name="service_type" value="single" id="single"><span style="font-size: 14.6667px;">single </span></label>
</p><p><label><input type="radio" name="service_type" value="<span style="font-size: 14.6667px;">couple</span>" id="single"><span style="font-size: 14.6667px;">couple </span></label>
</p><p><label><input type="radio" name="service_type" value="<span style="font-size: 14.6667px;">master </span>" id="single"><span style="font-size: 14.6667px;">master </span></label>
</p><p>

현재 소스 상으로 선택페이지에서 신청하기 a링크를 클릭시

신청페이지로 옵니다.

신청페이지에는 3개의 라디오 버튼이 있는데

구현하고자 하는 바는, single 신청하기를 눌러 페이지가 이동했을때 

신청페이지에 있는 radio 버튼이 활성화(active) 되고

couple은 couple 라디오버튼이, master는 master 라디오버튼이 활성화 되길 원합니다;

혹시 제이쿼리나 자바스크립트를 이용해서 이를 구현하려면 어떻게해야할까요?

#css
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
플래토
플래토
8년 전

샘플 : http://deb.kr/test/radio2.php">http://deb.kr/test/radio2.php

jquery

</p><p>
</p><p>
</p><p><script></p><p>$(function() {</p><p><span style="white-space:pre">	</span>$(".single").on("click", function(){</p><p><span style="white-space:pre">		</span>$("input:radio[value='single']").prop("checked",true);</p><p><span style="white-space:pre">	</span>});</p><p><span style="white-space:pre">	</span>$(".couple").click(function(){</p><p><span style="white-space:pre">		</span>$("input:radio[value='couple']").attr("checked", true);</p><p><span style="white-space:pre">	</span>});</p><p><span style="white-space:pre">	</span>$(".master").click(function(){</p><p><span style="white-space:pre">		</span>$("input:radio[value='master']").attr("checked", true);</p><p><span style="white-space:pre">	</span>});</p><p>
</p><p>});</p><p></script></p><p><a href ="javascript:" id="apply" class="single">single 신청하기 </a> </p><p><a href ="javascript:" id="apply" class="couple">couple 신청하기 </a>  </p><p><a href ="javascript:" id="apply" class="master">master 신청하기 </a> 

</p><p>
</p><p><label><input type="radio" name="service_type" value="single"  id="single">single </label></p><p><label><input type="radio" name="service_type" value="couple"  id="single">couple </label></p><p><label><input type="radio" name="service_type" value="master"  id="single">master </label></p><div>
</div><div>
로그인 후 평가할 수 있습니다

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

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

로그인