전체 선택/취소

# 체크박스 전체선택 취소

 

<script language="JavaScript">
<!--
function fcheck(val) {
       var f = document.ee;
       for(var i=0; i<f.elements.length; i++) {
               if(f.elements[i].name == 'chkindex[]'){
                       f.elements[i].checked = val;
               }
       }
}
//-->
</script>

<form name="ee">
<input type="checkbox" id='allcheck' onclick="fcheck(this.checked)">전체 선택/해제

<hr color='gray' width='100%'>

<input type="checkbox" name="chkindex[]" value="1">예제1<br>
<input type="checkbox" name="chkindex[]" value="2">예제2<br>
</form>

 

 

# jquery

 

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script language="JavaScript">
function jcehck() {
 var a = document.getElementById("jall");
 var e = document.getElementsByName("jval[]");
 for(var i=0; i<e.length; i++) {
  if(a.checked == true) e[i].checked = true;
  else e[i].checked = false;
 }
}
</script>

 

<input type="checkbox" id='jall' onclick="jcehck()">전체 선택/해제

<hr color='gray' width='100%'>

<input type="checkbox" name="jval[]" value="1">예제1<br>
<input type="checkbox" name="jval[]" value="2">예제2<br>