체크박스 모두 선택, 해제, 반전 > script

<script language="javascript">
<!--
/*************************************************************************************
 * 체크박스 모두 선택, 해제, 반전 (오태정, 2009-01-22 오후 3:00)
*************************************************************************************/

// 체크박스에 모두 체크
function ChkAllSelect(form)
{
 if( document.all['check'] == '[object]')
 {
  for ( var i = 0 ; i < form.check.length ; i++ )
  {
   form.check[i].checked = true;
  }
  return false;
 }
 else
 {
  alert("선택하고자 하는 목록이 없습니다.");
  return false;
 }
}

//체크박스선택 모두 해제
function ChkAllUnSelect(form)
{
 if( document.all['check'] == '[object]')
 {
  for ( var i = 0 ; i < form.check.length ; i++ )
  {
   form.check[i].checked = false;
  }
  return false;
 }
 else
 {
  alert("선택하고자 하는 목록이 없습니다.");
  return false;
 }
}

//체크박스 선택반전
function ChkRevSelect(form)
{
 var value;
 if( document.all['check'] == '[object]')
 {
  for ( var i = 0 ; i < form.check.length ; i++ )
  {
   var select_mode = form.check[i].checked;
   if ( select_mode == 0 )
   {
    value = true;
    select_mode = 1;
   }
   else
   {
    value = false;
    select_mode = 0;
   }

   form.check[i].checked = value;
  }
  return false;
 }
 else
 {
  alert("선택하고자 하는 목록이 없습니다.");
  return false;
 }
}
//-->
</script>

<form type="post" name="myForm">
<input type="checkbox" value="1" name="check"> 첫번째 체크박스<br>
<input type="checkbox" value="2" name="check"> 두번째 체크박스<br>
<input type="checkbox" value="3" name="check"> 세번째 체크박스<br>

<input type="button" value="모두선택" onclick="ChkAllSelect(this.form)">
<input type="button" value="모두해제" onclick="ChkAllUnSelect(this.form)">
<input type="button" value="선택반전" onclick="ChkRevSelect(this.form)">
</form>