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