javascript

여러개의 셀렉트 박스 전체 선택으로 전체 체크하기.

조심이 2009. 7. 31. 14:53
반응형



<HTML>
<HEAD>
<TITLE>  </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function allSelect(txtVal){
 len=main.sel.length;
 
 if(txtVal=="전체선택"){
 for(i=0;i<len;i++){   //sel은 하나일 경우 전체를 선택하면 에러유발한다 그래서 갯수 확인 필요
 main.sel[i].checked=true;
 }
 main.selbutton.value="전체해제";
 }
 else{
 for(i=0;i<len;i++){
 main.sel[i].checked=false;
 }
 main.selbutton.value="전체선택";
 }
}
</SCRIPT>
</HEAD>

<BODY>
<FORM name="main">

<INPUT TYPE="button" value="전체선택" onclick="allSelect(this.value);"  name="selbutton" ><BR>

<INPUT TYPE="checkbox" NAME=sel>1<BR>
<INPUT TYPE="checkbox" NAME=sel>2<BR>
<INPUT TYPE="checkbox" NAME=sel>3<BR>
<INPUT TYPE="checkbox" NAME=sel>4<BR>
<INPUT TYPE="checkbox" NAME=sel>5<BR>
<INPUT TYPE="checkbox" NAME=sel>6<BR>
</FORM>
</BODY>
</HTML>

반응형