테스트 사이트 - 개발 중인 베타 버전입니다

회원가입시 특정 라디오버튼 클릭시 입력창 노출 채택완료

qoqofh 4년 전 조회 2,619

조건문을 작성하고 싶은데 회원가입시 분류가 2가지 (일반,기업)이렇게 있습니다. 

 

여기서 기업이라는 분류의 라디오버튼을 클릭하면 입력창 한개가 나오게 하려고하는데 입력창은 만든 상태입니다. 

 

기업이라는 부분이 체크가 되었을때 입력창이 나타나게하는 조건문을 어떻게 작성하면 될까요 ㅠㅠ?

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

답변 3개

채택된 답변
+20 포인트
진서기
4년 전
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

q
qoqofh
4년 전
스크립트문으로 쉽게 처리하였습니다 ㅎ

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

4년 전

라디오 버튼이 변경될 때마다 체크해서 선택된 radio 값에 따른 이벤트를 넣어주시면 됩니다.

 

</p>

<p><style></p>

<p>.aa, .bb {</p>

<p>    display: none;</p>

<p>}</p>

<p></style></p>

<p> </p>

<p><body></p>

<p><input type="radio" name="a" id="개인">개인</p>

<p><input type="radio" name="a" id="기업">기업</p>

<p> </p>

<p><div class="aa"></p>

<p>    개인 내용</p>

<p>    <input type="text"></p>

<p></div></p>

<p> </p>

<p><div class="bb"></p>

<p>    기업 내용</p>

<p>    <input type="text" name="" id=""></p>

<p></div></p>

<p></body></p>

<p> </p>

<p><script></p>

<p>$("input:radio[name='a']").on("change", function() {</p>

<p>    switch (this.id) {</p>

<p>        case "개인":</p>

<p>            $(".bb").hide();</p>

<p>            $(".aa").show();</p>

<p>            break;</p>

<p>        case "기업":</p>

<p>            $(".aa").hide();</p>

<p>            $(".bb").show();</p>

<p>            break;</p>

<p>        default:</p>

<p>            break;</p>

<p>    }</p>

<p>});</p>

<p>

 

간단한 예시입니다.

 

로그인 후 평가할 수 있습니다

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

플라이
4년 전

jquery로 hide show로 보이게 안보이게 처리하는 방식인데

 

해당 input 타입이나 해당 안보이는 태그에 id 값을 적용해 주셔서 보이게 안보이게 처리해 주셔야 하는 부분입니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

q
qoqofh
4년 전
스크립트 문으로 쉽게 처리하였습니다 ㅎ

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

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

로그인