웹프로그래밍/javascript

javascript - form(radio)

zelkova 2013. 9. 2. 14:25

<목차로 돌아가기>


 속성

메소드 

  checked 

  blur()

  체크 상태를 설정하거나 변환

  특정한 라디오 버튼에 포커스를 제거

  name

  eval()

  <input>태그의 name 속성과

  동일하게 적용 

  수식으로 되어있는 문자열을

  계산하여 실수로 바꿔줌 

  defaultChecked

  click()

  초기 체크 상태를 설정하거나 변환

  라디오 버튼을 클릭함

  type

  focus()

  <input>태그에서 type속성에

  입력된 값을 반환

  라디오 버튼에 포커스를 지정

  length

 

  같은 그룹 안에 있는 라디오 버튼의

  개수를 반환

 

  value

 

  <input>태그에서 value속성과

  동일하게 적용

 

 

연습하기

radio.html

<html>
<head>
<title>checkbox관련 연습 </title>
<script language="javascript">
function test()
{
 if(testform.rd[0].checked)
 alert("바나나가 맘에 드시는군염")
 else if(testform.rd[1].checked)
 alert("사과가 맘에 드시는군염")
 else if(testform.rd[2].checked)
 alert("파인 애플가 맘에 드시는군염")
 else if(testform.rd[3].checked)
 alert("델몬트!?가 맘에 드시는군염")
}

</script>
</head>
<body>
<form name="testform">
 맘에드는 과일을 선택햊 주세요<BR>
 <input type="radio" name="rd">바나나<br>
 <input type="radio" name="rd">사과<br>
 <input type="radio" name="rd">파인애플<br>
 <input type="radio" name="rd">델몬트!?<br>

 <input type="button" value="입력" onClick="test()">
</form>
</body>
</html>


반응형

'웹프로그래밍 > javascript' 카테고리의 다른 글

javascript - form(FileUpload)  (0) 2013.09.04
javascript - form(select)  (0) 2013.09.02
form(checkbox)관련 javascript  (0) 2013.09.02
form(Submit)관련 객체  (0) 2013.09.02
form(Reset)관련 javascript  (0) 2013.09.02