라디오버튼 중에서 '기타' 버튼을 선택할때
기타버튼 옆에 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개
<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>
게시글 목록
| 번호 | 제목 |
|---|---|
| 284508 | |
| 284499 | |
| 284492 | |
| 284490 | |
| 284484 | |
| 284481 | |
| 284478 | |
| 284476 | |
| 284474 | |
| 284472 | |
| 284470 | |
| 284458 | |
| 284457 | |
| 284454 | |
| 284453 | |
| 284447 | |
| 284446 | |
| 284444 | |
| 284441 | |
| 284440 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기