라디오버튼 중 특정버튼 선택시 입력박스 활성화 또는 입력박스 나타내기
라디오버튼 중에서 '기타' 버튼을 선택할때
기타버튼 옆에 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>
댓글 4개
newstart
15년 전
.
newstart
15년 전
위의 소스를 응용하시면... 텍스트박스가 사라지게 구현 가능합니다.
물론 텍스트 박스 대신 원라하시는 객체를 넣어서 없앨수 있습니다.
물론 텍스트 박스 대신 원라하시는 객체를 넣어서 없앨수 있습니다.
gawha
15년 전
답변 감사드립니다. 근데 올려주신 소스는 셀렉트메뉴로 하는 방식이라....이 소스 비슷한건 저도 찾으면서 여러번 봤거든요....내용에서 썼지만...응용을 해보자니...어떤식으로 바꿔줘야할지 모르겠더라구요....라디오버튼에 적용시키는 방법을 알려주시면 감사하겠습니다.
newstart
15년 전
<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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 284113 | |
| 284104 | |
| 284099 | |
| 284097 | |
| 284096 | |
| 284092 | |
| 284090 | |
| 284085 | |
| 284084 | |
| 284080 | |
| 284077 | |
| 284073 | |
| 284070 | |
| 284061 | |
| 284058 | |
| 284056 | |
| 284050 | |
| 284048 | |
| 284047 | |
| 284046 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기