checkbox

체크 박스는 사용자가 서버로 보내지는 value 값을 on, off 시킬 수 있는 스위치이다. 체크박스는 form 태그 안에서 input type을 checkbox로 함으로써 만든다. 이것은 html의 form태그 안에 위치한 checkbox를 자바 스크립트에서 제어하거나 참조하기 위한 것이므로 html의 체크박스 부분을 참조해 보라

property(속성)		method(메써드)		event handlers
netscape6.0	Expolorer	netscape6.0	Explorer	공통
checked	checked	blur	blur	onBlur
defaultChecked		click	click	onClick
form	form	focus	focus	onDblClick
name	name		select	onfocus
type	type		../data/lecture/hcjd/appendixcdChild	onKeyDown
value	value		applyElement	onKeyUp
size	size	addEventListener	attachEvent	onKeyPress
accessKey	accessKey	removeEventListener	detachEvent	onMouseDown
id	id	insertBefore	insertBefore	onMouseUp
title	title	replaceChild	replaceChild	onMouseOver
lang	lang	removeChild	removeChild	onMouseOut
dir	dir	../data/lecture/hcjd/appendixcdChild	../data/lecture/hcjd/appendixcdChild
className	className	hasChildNodes	hasChildNodes
style	style	cloneNode	cloneNode
innerHTML			removeNode
	outerHTML		replaceNode
	outerText		swapNode
tagName	tagName		clearAttributes
offsetTop	offsetTop	getAttribute	getAttribute
offsetLeft	offsetLeft	setAttribute	setAttribute
offsetWidth	offsetWidth	removeAttribute	removeAttribute
offsetHeight	offsetHeight		mergeAttributes
offsetParent	offsetParent	getAttributeNode
	clientHeight	setAttributeNode
	clientLeft	removeAttributeNode
	clientTop	getElementsByTagName
	clientWidth		contains
	isContentEditable		insertAdjacentHTML
	contentEditable		insertAdjacentText
	canHaveChildren		insertAdjacentElement
	canHaveHTML		getAdjacentText
ownerDocument			replaceAdjacentText
nodeName	nodeName		setActive
nodeValue	nodeValue		setExpression
nodeType	nodeType		getExpression
parentNode	parentNode		removeExpression
childNodes			scrollIntoView
	parentElement
firstChild	firstChild
lastChild	lastChild
previousSibling	previousSibling
nextSibling	nextSibling
attributes
	isDisabled
disabled	disabled
tabIndex	tabIndex
	isTextEdit
	parentTextEdit
	width
	sourceIndex
	scrollHeight
	scrollLeft
	scrollTop
	scrollWidth

 

아래에서  설명되지 않은 것은 div개체를 참고하세요.

 

 

<INPUT type="checkbox"  name=" " value=" " >

 

checked

체크박스가 체크 되었는지를 나타내는 속성이다.

 

 

 object.checked [ = ①boolean ]

①Boolean 값으로 지정할 수 있는 것은 다음과 같다.

false	체크박스가 체크되지 않은 경우. 기본값
true	체크박스가 체크된 경우

 

defaultchecked

이 것은 폼에서 checkbox 개체의 html 소스 작성시 checked 속성을 나타내는 boolean 값이다. 폼이 실행된 상태에서 체크박스를 체크 했는지 않 했는지에 관계가 없다.

 

form

체크박스 개체를 포함하고 있는 폼을 나타내는 속성이다.

 

 

object.form

 

name

체크박스의 name 속성을 나타내는 속성이다.

 

 

object.name [ = ①string ]
①string: name 속성을 나타내는 문자열

 

type

이 속성은 checkbox 개체의 type 속성을 나타내는 것으로 항상 checkbox이다.

 

value

이 속성은 폼이 서버로 제출될 때 사용될 value 속성을 지정하는 것으로 기본값은 "on"이며 체크박스가 체크되었다면 이 속성에서 지정한 값이 제출되고 그렇지 않으면 아무런 값도 제출되지 않는다.

 

 

 object.value [ = ①string ]
① string : 개체의 값을 지정하는 문자열

 

indeterminate

사용자가 체크박스의 상태를 변경하게 할지를  나타내는 속성이다.

 

 

checkboxObject.indeterminate [ = ①boolean ]

①boolean 값으로 지정할 수 있는 것은 다음과 같다.

false	체크박스는 흐릿하게 보이지 않는다. 기본값
true	체크박스가 체크되고 흐릿하게 보인다.

 

size

버튼 개체의 크기를 나타내는 속성이다.

 

 

object.size [ = ①interger ]
 ①Integer : 문자수로 계산된 개체의 크기를 지정하는 정수

 

status

체크박스가 선택가능하게 할지를 지정하는 속성이다.

 

 

object.status [ = ①boolean ]

① boolean 값으로 지정할 수 있는 것은 다음과 같다.

false	체크박스를 체크할 수 없다.
true	체크박스를 체크할 수 있다.
null	체크박스를 초기화하지 않는다.

[출처] checkbox|작성자 해피캐빈