라디오버튼 중 특정버튼 선택시 입력박스 활성화 또는 입력박스 나타내기 정보
라디오버튼 중 특정버튼 선택시 입력박스 활성화 또는 입력박스 나타내기본문
라디오버튼 중에서 '기타' 버튼을 선택할때
기타버튼 옆에 wr_12 으로 입력할수있는 박스를 나타나게 하고 싶습니다.
입력박스는 원래 안보이는데 기타버튼을 선택하면 나타나는 방식이나
아님 박스는 처음부터 기타버튼 옆에 계속 나타나 있지만 비활성화 된 상태에서
기타버튼을 선택할때만 활성화 되는 그런 방식도 좋고요.
2가지중 1개라도 알려주심 감사하겠습니다.
여러가지 방법을 찾아봤지만 제가 응용이 안되네요.
아래소스가 현재 사용중인 소스입니다.
<td>
<input type=radio name="wr_11" value="일시후원" <? if( $u=w || $write[wr_11] == "일시후원") echo "checked"; ?> >일시후원
<input type=radio name="wr_11" value="1년" <? if($write[wr_11] == "1년") echo "checked"; ?> >1년
<input type=radio name="wr_11" value="2년" <? if($write[wr_11] == "2년") echo "checked"; ?> >2년
<input type=radio name="wr_11" value="3년" <? if($write[wr_11] == "3년") echo "checked"; ?> >3년
<input type=radio name="wr_11" value="4년" <? if($write[wr_11] == "4년") echo "checked"; ?> >4년
<input type=radio name="wr_11" value="5년" <? if($write[wr_11] == "5년") echo "checked"; ?> >5년
<input type=radio name="wr_11" value="본인해지요청시까지" <? if($write[wr_11] == "본인해지요청시까지") echo "checked"; ?> >본인해지요청시까지
<input type=radio name="wr_11" value="기타" <? if($write[wr_11] == "기타") echo "checked"; ?> >기타</td>
기타버튼 옆에 wr_12 으로 입력할수있는 박스를 나타나게 하고 싶습니다.
입력박스는 원래 안보이는데 기타버튼을 선택하면 나타나는 방식이나
아님 박스는 처음부터 기타버튼 옆에 계속 나타나 있지만 비활성화 된 상태에서
기타버튼을 선택할때만 활성화 되는 그런 방식도 좋고요.
2가지중 1개라도 알려주심 감사하겠습니다.
여러가지 방법을 찾아봤지만 제가 응용이 안되네요.
아래소스가 현재 사용중인 소스입니다.
<td>
<input type=radio name="wr_11" value="일시후원" <? if( $u=w || $write[wr_11] == "일시후원") echo "checked"; ?> >일시후원
<input type=radio name="wr_11" value="1년" <? if($write[wr_11] == "1년") echo "checked"; ?> >1년
<input type=radio name="wr_11" value="2년" <? if($write[wr_11] == "2년") echo "checked"; ?> >2년
<input type=radio name="wr_11" value="3년" <? if($write[wr_11] == "3년") echo "checked"; ?> >3년
<input type=radio name="wr_11" value="4년" <? if($write[wr_11] == "4년") echo "checked"; ?> >4년
<input type=radio name="wr_11" value="5년" <? if($write[wr_11] == "5년") echo "checked"; ?> >5년
<input type=radio name="wr_11" value="본인해지요청시까지" <? if($write[wr_11] == "본인해지요청시까지") echo "checked"; ?> >본인해지요청시까지
<input type=radio name="wr_11" value="기타" <? if($write[wr_11] == "기타") echo "checked"; ?> >기타</td>
댓글 전체
.
위의 소스를 응용하시면... 텍스트박스가 사라지게 구현 가능합니다.
물론 텍스트 박스 대신 원라하시는 객체를 넣어서 없앨수 있습니다.
물론 텍스트 박스 대신 원라하시는 객체를 넣어서 없앨수 있습니다.
답변 감사드립니다. 근데 올려주신 소스는 셀렉트메뉴로 하는 방식이라....이 소스 비슷한건 저도 찾으면서 여러번 봤거든요....내용에서 썼지만...응용을 해보자니...어떤식으로 바꿔줘야할지 모르겠더라구요....라디오버튼에 적용시키는 방법을 알려주시면 감사하겠습니다.
<script type="text/javascript">
function renew(){
document.testForm.box03.disabled = false;
document.testForm.box04.disabled = false;
document.testForm.checkRadio[0].disabled = false;
document.testForm.checkRadio[1].disabled = false;
document.testForm.text01.disabled = false;
}
function release(){
document.testForm.box03.disabled = true;
document.testForm.box04.disabled = true;
document.testForm.checkRadio[0].disabled = true;
document.testForm.checkRadio[1].disabled = true;
document.testForm.text01.disabled = true;
}
</script>
<form name="testForm">
옵션1 : <input type="radio" value="rCheck1" name="radioGroup" onclick="renew()"/>
옵션2 : <input type="radio" value="rCheck2" name="radioGroup" onclick="release()"/><br />
선택1 :<input type="checkbox" value="box1" name="box01" />
선택2 :<input type="checkbox" value="box2" name="box02" />
선택3 :<input type="checkbox" value="box3" name="box03" />
선택4 :<input type="checkbox" value="box4" name="box04" /><br />
선택5 :<input type="radio" value="radio1" name="checkRadio" />
선택6 :<input type="radio" value="radio2" name="checkRadio" /> <br />
입력1 :<input type="text" name="text01" />
</form>
function renew(){
document.testForm.box03.disabled = false;
document.testForm.box04.disabled = false;
document.testForm.checkRadio[0].disabled = false;
document.testForm.checkRadio[1].disabled = false;
document.testForm.text01.disabled = false;
}
function release(){
document.testForm.box03.disabled = true;
document.testForm.box04.disabled = true;
document.testForm.checkRadio[0].disabled = true;
document.testForm.checkRadio[1].disabled = true;
document.testForm.text01.disabled = true;
}
</script>
<form name="testForm">
옵션1 : <input type="radio" value="rCheck1" name="radioGroup" onclick="renew()"/>
옵션2 : <input type="radio" value="rCheck2" name="radioGroup" onclick="release()"/><br />
선택1 :<input type="checkbox" value="box1" name="box01" />
선택2 :<input type="checkbox" value="box2" name="box02" />
선택3 :<input type="checkbox" value="box3" name="box03" />
선택4 :<input type="checkbox" value="box4" name="box04" /><br />
선택5 :<input type="radio" value="radio1" name="checkRadio" />
선택6 :<input type="radio" value="radio2" name="checkRadio" /> <br />
입력1 :<input type="text" name="text01" />
</form>
