자바스크립트 checkbox 모두 체크

1 개요[ | ]

JavaScript 체크박스 모두 선택
자바스크립트 checkbox 모두 체크, checked 개수 세기

<form name='my_form'>
    <label><input type='checkbox' name='mycheck' value='apple' />사과</label>
    <label><input type='checkbox' name='mycheck' value='pear' checked />배</label>
    <label><input type='checkbox' name='mycheck' value='banana' />바나나</label>
    <label><input type='checkbox' name='mycheck' value='melon' />멜론</label>
    <br>
</form>

<input type='button' onclick='check_all();' value='모두 선택' />
<input type='button' onclick='uncheck_all();' value='모두 해제' />
<input type='button' onclick='count_check();' value='체크 수 확인' />

<script>
function check_all() {
	for(i=0; i < my_form.mycheck.length; i++) {
		my_form.mycheck[i].checked = true;
	}
}
function uncheck_all() {
	for(i=0; i < my_form.mycheck.length; i++) {
		my_form.mycheck[i].checked = false;
	}
}
function count_check() {
	var cnt = 0;
	for(i=0; i < my_form.mycheck.length; i++) {
		if(my_form.mycheck[i].checked) cnt++;
	}
	alert(cnt);
}
</script>

2 같이 보기[ | ]