라디오버튼 클릭시 인풋박스 나오게하기 질문입니다.
본문
<input type="radio" name="wr_3" value="a" <? if( $write[wr_3] == "a" ) echo "checked"; ?>>
a
<input type="radio" name="wr_3" value="b" <? if( $write[wr_3] == "b" ) echo "checked"; ?>>
b
<input type="radio" name="wr_3" value="c" <? if( $write[wr_3] == "PCc" ) echo "checked"; ?>>
c
현재 이렇게 라디오버튼을 만들고
a 클릭시
<input box="text" value="1" name="wr_5" id="div1">
b클릭시
<input box="text" value="0.5" name="wr_5"" id="div2">
c클릭시
<input box="text" value="1" name="wr_5"" id="div3" > 이렇게 밸류값이 적혀있는 인풋박스를 나오게하면서 wr_5에 업데이트 하려고하는데 어떻게하는 방법이있을까요?
클릭시 div로 보이기 숨김 처리하면 id값 div1로만 업데이트됩니다ㅠ
답변 3
아주 간단하게 작성한 스크립트 입니다.
a : <input type="radio" name="wr_3" value="a" onClick="view_div('div1');hidden_div('div2','div3');"><br>
b : <input type="radio" name="wr_3" value="b" onClick="view_div('div2');hidden_div('div1','div3');"><br>
c : <input type="radio" name="wr_3" value="c" onClick="view_div('div3');hidden_div('div1','div2');">
<input box="text" value="1" name="wr_5" id="div1" style="display:none">
<input box="text" value="0.5" name="wr_5" id="div2" style="display:none">
<input box="text" value="1" name="wr_5" id="div3" style="display:none">
<script>
function view_div(val) {
document.getElementById(val).style.display = 'block';
}
function hidden_div(val1, val2) {
document.getElementById(val1).style.display = 'none';
document.getElementById(val2).style.display = 'none';
}
</script>
이렇게해서 테스트 해본결과 다른거 선택해도 업데이트시에 wr_5 필드에 div3 값만 들어가네요..
그럴 수 밖에 없는게요...
<input box="text" value="1" name="wr_5" id="div1" style="display:none">
<input box="text" value="0.5" name="wr_5" id="div2" style="display:none">
<input box="text" value="1" name="wr_5" id="div3" style="display:none">
여기에 name이 wr_5 로 똑같아서 그렇습니다.
저걸 이름을 각각 바꿔주던지 해야 합니다.
전 그냥 테스트 코드를 드린거에요.
제가 다 짜 드릴 수 있는 문제가 아니라서요.
숨김처리하는 자바스크립트 소스는 어떤식으로 작성이 되어 있나요?
document.getElementById(val2).style.display = 'none';
을사용해보세요