라디오버튼 클릭시 인풋박스 나오게하기 질문입니다.

라디오버튼 클릭시 인풋박스 나오게하기 질문입니다.

QA

라디오버튼 클릭시 인풋박스 나오게하기 질문입니다.

본문

<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>

그럴 수 밖에 없는게요...
<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 로 똑같아서 그렇습니다.
저걸 이름을 각각 바꿔주던지 해야 합니다.
전 그냥 테스트 코드를 드린거에요.
제가 다 짜 드릴 수 있는 문제가 아니라서요.

답변을 작성하시기 전에 로그인 해주세요.
전체 1

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT