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

aaab

2018-11-14 (수) 17:16:56 4,435

<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 클릭시

b클릭시

c클릭시

<input box="text" value="1" name="wr_5"" id="div3" > 이렇게 밸류값이 적혀있는 인풋박스를 나오게하면서 wr_5에 업데이트 하려고하는데 어떻게하는 방법이있을까요?

클릭시 div로 보이기 숨김 처리하면 id값 div1로만 업데이트됩니다ㅠ

라이도박스 인풋

답변 3개 / 댓글 2개

채택된 답변

+20 포인트

핫워드

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-14 (수) 17:44:29

아주 간단하게 작성한 스크립트 입니다.

Copy

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>

답변에 대한 댓글 2개

aaab

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-14 (수) 17:58:26

이렇게해서 테스트 해본결과 다른거 선택해도 업데이트시에 wr_5 필드에 div3 값만 들어가네요..

핫워드

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-14 (수) 18:02:52

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

그누보드초보이용자

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-14 (수) 17:53:02

document.getElementById(val2).style.display = 'none';

을사용해보세요

핫워드

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-14 (수) 17:25:06

숨김처리하는 자바스크립트 소스는 어떤식으로 작성이 되어 있나요?

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

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

답변 3개 / 댓글 2개

답변에 대한 댓글 2개

공유하기