채택완료

AA를 선택하면 AAAA 부분이 나오고 BB를 선택하면 BBBB가 나오게 하려고요.

2017-06-24 (토) 22:10:14 3,814

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><!-- 스크립트 끝 -->
웹프리죤님, 너무너무 감사합니다.^^ 유용하게 사용하겠습니다.

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