아미(아름다운미소)

[자바스크립트] checkbox 모두 체크 본문

랭귀지/JAVASCRIPT

[자바스크립트] checkbox 모두 체크

유키공 2017. 12. 16. 13:30

checkbox 모두 체크

<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='체크 수 확인' />

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);
}
Comments