체크되는 라디오 버튼에 따라 다른 첨부파일 양식 표시 채택완료
wp02201
3년 전
조회 4,214
안녕하세요 고수님들,
코딩 초보로써 기능구현중에 벽에 막혔네요
조언 부탁드립니다 ㅠㅠ
홈페이지에 접속을 하면 먼저 아무것도 없이 "첨부하기" 버튼만 표시됩니다.
여기서 첨부하기 버튼을 누른다면 2개의 라디오 버튼이 표시됩니다.
1. 파일첨부 2. 주소첨부
여기서 파일첨부를 누른다면 아래에 input type=file 이 표시가 되고 주소첨부를 누른다면 그냥 type=text가 표시되게 하려 합니다.
추가적으로 라디오 버튼에 따라 첨부 형식이 표시가 되고 이상태에서 "첨부하기" 버튼을 누르면 하단에 계속 추가적으로 선택할수 있는 라디오 버튼이 생성되게 합니다(이 부분은 구현 완료)
php 와 html 을 써서 <script> 태그 안에 jquery로 짜봤는데 계속 막히네요.. 도와주세요 ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
답변에 대한 댓글 3개
w
wp02201
3년 전
e
eyekiss
3년 전
소스를 다 작성해드릴수는 없구요..
1. 파일첨부 2. 주소첨부 선택하는 것과
각각 선택시 화면을 다 만든 후에..
<div id="test"> </div> 에 소스를 넣고..
기본 css 를 display:none 하구요..
클릭을 할때마다 스크립트에서 $("#test").show(); 로 보여지게 하는 방식이 가장 심플합니다.
1. 파일첨부 2. 주소첨부 선택하는 것과
각각 선택시 화면을 다 만든 후에..
<div id="test"> </div> 에 소스를 넣고..
기본 css 를 display:none 하구요..
클릭을 할때마다 스크립트에서 $("#test").show(); 로 보여지게 하는 방식이 가장 심플합니다.
w
wp02201
3년 전
감사합니다!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
<div id="insertFile"></div>
</form>
<script>
$(document).ready(function(){
$("#addPaper").on("click", function(){
var content = "<span><input type='radio' id='addfile' name='addimg' value='0'>이미지 파일 첨부</span><span><input type='radio' id='addadr' name='addimg' value='1'>이미지 주소 입력</span><br>";
$(content).clone().show().appendTo($('#insertFile'));
});
});
</script>
이렇게 작성했습니다!