AA를 선택하면 AAAA 부분이 나오고 BB를 선택하면 BBBB가 나오게 하려고요.
본문
AA를 선택하면 AAAA 부분이 나오고 BB를 선택하면 BBBB가 나오게 하려고요.
같은 페이지 내에서
라디오버튼 또는 셀렉트 버튼
AA를 선택하면 <div> AAAAAA </div> 가 나오고
BB를 선택하면 <did> BBBBBB </div> 가 나오게 하려며 어떻게 해야하나요.
글작성 페이지에서 선택별로 글 작성하는 것이 다르게 하려고 합니다.
감사합니다.
답변 2
<!-- 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>
<!-- 스크립트 끝 -->
웹프리죤님, 너무너무 감사합니다.^^
유용하게 사용하겠습니다.
답변을 작성하시기 전에 로그인 해주세요.