Html & Script

라디오버튼으로 활성화/비활성화/마지막텍스트박스활성

컨텐츠 정보

본문

http://cnecons.com/htm.html



////////////////////////////
readonly 속성 지정으로 라디오 버튼 클릭시 텍스트박스가 고정이 되고
기타클릭(readonly 속성 해제시) 이전 라디오버튼이 비활성화되고
텍스트박스가 활성화됩니다.

<script Language="Javascript">

function form_check(f) {
if(f.num['0'].checked) {
f.money.value='5000'
f.money.readOnly = true; // readonly 속성 지정
} else if(f.num['1'].checked) {
f.money.value='10000'
f.money.readOnly = true; // readonly 속성 지정
} else if(f.num['2'].checked) {
f.money.value='15000'
f.money.readOnly = true; // readonly 속성 지정
} else if(f.num['3'].checked) {
f.money.value='20000'
f.money.readOnly = true; // readonly 속성 지정
} else if(f.num['4'].checked) {
f.money.value='25000'
f.money.readOnly = true; // readonly 속성 지정
} else if(f.num['5'].checked) {
f.money.value='30000'
f.money.readOnly = true; // readonly 속성 지정
} else if(f.num['6'].checked) {
f.money.value='금액을 기입해주세요'
f.money.readOnly = false; // readonly 속성 해제
}
}
</script>

<form>
<input type="radio" name="num" value="0" onclick="form_check(this.form)">1개월
<input type="radio" name="num" value="1" onclick="form_check(this.form)">2개월
<input type="radio" name="num" value="2" onclick="form_check(this.form)">3개월<br>
<input type="radio" name="num" value="3" onclick="form_check(this.form)">4개월
<input type="radio" name="num" value="4" onclick="form_check(this.form)">5개월
<input type="radio" name="num" value="5" onclick="form_check(this.form)">6개월<br>
<input type="radio" name="num" value="6" onclick="form_check(this.form)">날입금액<br><br>
내용 : <input type=text name="money" size="25" onfocus="this.select()" >
</form>

관련자료

댓글 0
등록된 댓글이 없습니다.
Today's proverb
자신을 불행한 존재라고 생각하는 사람은 아직도 더 불행해질 여지가 남아있다. 아주 작은 일에도 큰 기쁨을 느끼는 사람에게는 그 어떤 불행도 위력을 상실해 버리고 만다. 그러나 아주 작은 일에도 기쁨을 느낄 수 있는 경지에 이르기까지는 어차피 여러 가지 형태의 불행을 감내하지 않을 수가 없다. 불행이란 알고 보면 행복이라는 이름의 나무 밑에 드리워진 행복만한 크기의 나무그늘 같은 것이다. (이외수 "흐린 세상 건너기" 中에서)