채택완료
AA를 선택하면 AAAA 부분이 나오고 BB를 선택하면 BBBB가 나오게 하려고요.
AA를 선택하면 AAAA 부분이 나오고 BB를 선택하면 BBBB가 나오게 하려고요.
같은 페이지 내에서
라디오버튼 또는 셀렉트 버튼
AA를 선택하면 <div> AAAAAA </div> 가 나오고
BB를 선택하면 <did> BBBBBB </div> 가 나오게 하려며 어떻게 해야하나요.
글작성 페이지에서 선택별로 글 작성하는 것이 다르게 하려고 합니다.
감사합니다.
답변 2개
채택된 답변
+20 포인트
2017-06-24 (토) 23:12:12
Copy
<!-- html 시작 --><input type="radio" name="test" value="1" onclick="div_OnOff(this.value,'aaa');" checked> aaa <input type="radio" name="test" value="2" onclick="div_OnOff(this.value,'bbb');"> bbb <input type="radio" name="test" value="3" onclick="div_OnOff(this.value,'ccc');"> ccc <div id="aaa">aaa 내용</div> <div id="bbb" style="display:none">bbb 내용</div> <div id="ccc" style="display:none">ccc 내용</div> <!-- html 끝 --> <!-- 스크립트 시작 --><script>function div_OnOff(v,id){ // 라디오 버튼 value 값 조건 비교 if(v == "1"){ document.getElementById("aaa").style.display = ""; // 보여줌 }else{ document.getElementById("aaa").style.display = "none"; // 숨김 }; if(v == "2"){ document.getElementById("bbb").style.display = ""; // 보여줌 }else{ document.getElementById("bbb").style.display = "none"; // 숨김 }; if(v == "3"){ document.getElementById("ccc").style.display = ""; // 보여줌 }else{ document.getElementById("ccc").style.display = "none"; // 숨김 }; }</script><!-- 스크립트 끝 -->
alexseo
2017-06-24 (토) 23:30:54
웹프리죤님, 너무너무 감사합니다.^^
유용하게 사용하겠습니다.
답변을 작성하려면 로그인이 필요합니다.