라디오버튼 체크시 숨겨놓은? 필드 나오게 하는 방법
본문
안녕하세요 다름이 아니구 이번엔 라디오버튼 질문입니다!
라디오 버튼이
1 2 3
이렇게 있는데
1을 클릭시에 4 5 6으로 하단에 새로운 필드를 쓸수 있게 나오고
2를 클릭시에 7 8 9, 3을 클릭시에 10 11 12 이렇게 나와서 글을 쓸 수 있게 만들어보고 싶습니다.
이런 유사한 형태의 스킨이나 사이트 좀 알려주시면 감사하겠습니다.
답변 1
간단하게 만들어 봤는데 원리는 같으니 잘 응용해 보세요 ㅎㅎ
<style>
#div1{display:none;}
input{border:1px solid #CCC;}
</style>
<form>
<input type="radio" name = "rad" id="rad1" class="c_rad">청년
<input type="radio" name = "rad" id="rad2" class="c_rad">중년
<input type="radio" name = "rad" id="rad3" class="c_rad">노년
<div id="div1">
<label for="inp">글쓴이</label>
<input type="text" name="inp" id="inp" />
</div>
</form>
<script>
$(function(){
$("input:radio[name=rad]").attr("checked", false);//초기 라디오버튼 모두 해제
$("#rad1").click(function(){
$("#div1").css("display","block");
});
});
</script>
답변을 작성하시기 전에 로그인 해주세요.