본문 바로가기
프로그래밍/html & jsp

체크박스 전체 선택/해제

by Super User 2009. 6. 10.

<script type="text/javascript">

function chkall(){
  if( document.form.chk == undefined){ }
    else
    {
      /********************************
      ***      체크박스 전체 선택    ***
      ********************************/
     
      if (document.form.allchk.checked == true)
      {
   
        // 체크박스가 하나일때
        if (document.form.chk.length == undefined)
        {
          document.form.chk.checked = true; 
          parent.opener.isolist.style.display='block';
          parent.opener.document.form.gb.value='1';          
        }//End if
        else
        {
          for (i = 0; i < document.form.chk.length; i++)
          {
            document.form.chk[i].checked = true; 
            parent.opener.isolist[i].style.display='block';
            parent.opener.document.form.gb[i].value='1';       
          }//End for
        }//End else
      }//End if
     
      /********************************
      ***   체크박스 전체 선택 해제  ***
      ********************************/
     
      else
      {
        // 체크박스가 하나일때
        if (document.form.chk.length == undefined)
        {
          document.form.chk.checked = false;
          parent.opener.isolist.style.display='none';
          parent.opener.document.form.gb.value='0';  
         
        }//End if
        else
        {
          for (i = 0; i < document.form.chk.length; i++)
          {
            document.form.chk[i].checked = false;
            parent.opener.isolist[i].style.display='none';
            parent.opener.document.form.gb[i].value='0';       
          }//End for
                   
        }//End else
      }//End else
    }
}

 

function chk2(i){
    if( document.form.chk != undefined){
      /********************************
      ***      체크박스 선택    ***
      ********************************/
      // 체크박스가 하나일때
      if (document.form.chk.length == undefined && document.form.chk.checked == true)
        {
          document.form.chk.checked = true; 
          parent.opener.isolist.style.display='block';
          parent.opener.document.form.gb.value='1';          
        }//End if
      else if (document.form.chk.length != undefined && document.form.chk[i].checked == true)
      {
          document.form.chk[i].checked = true; 
          parent.opener.isolist[i].style.display='block';
          parent.opener.document.form.gb[i].value='1';       
      }//End if
     
      /********************************
      ***   체크박스 선택 해제  ***
      ********************************/
     
      else if (document.form.chk.length == undefined && document.form.chk.checked == false)
      {
          document.form.chk.checked = false;
          parent.opener.isolist.style.display='none';
          parent.opener.document.form.gb.value='0';  
         
      }//End if
      else  if (document.form.chk.length != undefined && document.form.chk[i].checked == false)
      {
          document.form.chk[i].checked = false;
          parent.opener.isolist[i].style.display='none';
          parent.opener.document.form.gb[i].value='0';       
      }//End else
   }
}

</script>

 

<body>

<INPUT TYPE="checkbox" NAME="allchk" onclick="javascript:chkall();">

 

<c:forEach var="article" items="${articleList}">
        <tr>
         <td width="50" height="20" align="center" bgcolor="#FFFFFF"><span class="style1"><INPUT TYPE="checkbox" NAME="chk" onclick="javascript:chk2('${i-1}'),avgscore();"></span></td>
         </tr>
<c:set var="i" value="${i+1}" />
</c:forEach>