웹프로그래밍/javascript

form(checkbox)관련 javascript

zelkova 2013. 9. 2. 12:59

<목차로 돌아가기> 


  속성 

메소드 

  checked 

  blur() 

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

  특정한 체크 양식에 포커스를 제거함

  type 

  eval()

  <input>태그에서 type속성에 입력된 값을 반환

  수식으로 되어있는 문자열을 계산하여 실수로 바꿔줌

  defaultChecked

  click()

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

  체크 박스를 클릭함

  value

  focus()

  <input>태그에서 value 속성과 동일하게 적용

  전송 버튼 양식에 포커스를 지정함

  name

 

  <input>태그의 name속성과 동일하게 적용  

사용해보기

checkbox.html

<html>
<head>
<title>checkbox관련 연습 </title>
<script language="javascript">
function test()
{
 cup=""
 if(testform.b1.checked==true)
 cup+="바나나가"
 if(testform.b2.checked==true)
 cup+="사과가"
 if(testform.b3.checked==true)
 cup+="파인애플이"
 if(testform.b4.checked==true)
 cup+="델몬트!?가"
 alert(cup+" 마음에 드는군요")
 
}

</script>
</head>
<body>
<form name="testform">
 암호를 입력하세요(8자이상 16자이하)<BR>
 <input type="checkbox" name="b1">바나나<br>
 <input type="checkbox" name="b2">사과<br>
 <input type="checkbox" name="b3">파인애플<br>
 <input type="checkbox" name="b4">델몬트!?<br>

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


반응형

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

javascript - form(select)  (0) 2013.09.02
javascript - form(radio)  (0) 2013.09.02
form(Submit)관련 객체  (0) 2013.09.02
form(Reset)관련 javascript  (0) 2013.09.02
Form(hidden)관련 javascript  (0) 2013.09.02