▶ 전체 선택 , 부분 선택 ( 체크박스 ) > SCRIPT

<script>

function checkall() {//체크박스 전체 선택 , 해제

if(Form1.all.checked) {

for(i=1; i < (document.Form1.length); i++){

document.Form1.elements[i].checked = true;

}

}else{

for(i=1; i < (document.Form1.length); i++){

document.Form1.elements[i].checked = false;

}

}

}

function check_select(){//체크박스 부분 선택

myForm = document.getElementsByName("ap_check");

myFormLen = myForm.length; //체크박스 전체수

if(myFormLen==1){//체크박스 전체 리스트 수가 1개 일때

document.Form1.ap_check.checked = true;

check_one=document.Form1.ap_check.value;

alert(check_one);//체크된 값 확인

return; 

} 

for(var i = 0;  i < document.Form1.ap_check.length; i++) {

if(document.Form1.ap_check[i].checked == true) break;

}

if(i == document.Form1.ap_check.length) {

alert("선택된 항목이 없습니다.");         

return;

}

if(confirm('선택한 항목을 확인하시겠습니까?')){

check_select2();

} 

}

function check_select2(){//체크박스 전체 리스트 수가 2개 이상일 때

var check_hide = new Array();

for(var i = 0;  i < document.Form1.ap_check.length; i++) {

if(document.Form1.ap_check[i].checked == true) {

check_hide[i] = document.Form1.ap_check[i].value;

}

}

alert(check_hide);//체크된 값들 확인

}

</script>

<form name="Form1" id="Form1">

<input type="checkbox" name="all" value="checkbox" onClick="checkall()"> 전체 <br><br>

<input type='checkbox' name='ap_check' value='1'> 1 <br>

<input type='checkbox' name='ap_check' value='3'> 3 <br>

<input type='checkbox' name='ap_check' value='5'> 5 <br>

</form>

<br>

<button onClick="check_select();return false;" style="cursor:pointer;">선택된 값 확인</button>

[실행화면]