체크박스 전체선택/해제 2
인터넷정보2007. 10. 18. 14:12
<script> var chk; chk=false; function CheckAll() { if (!chk){ for (i=0;i<document.list.length;i++) { if(document.list[i].type=='checkbox') { document.list[i].checked=true; } } chk=true; //window.open("test.html","cart","width=260,height=180,toolbars=no,resize=no,scrollbars=no"); } else { for (i=0;i<document.list.length;i++) { if(document.list[i].type=='checkbox') { document.list[i].checked=false; } } chk=false; } } </script> <form name=list> <input type=checkbox name=cart value="1"> <input type=checkbox name=cart value="2"> <input type=checkbox name=cart value="3"> </form> <a onclick='javascript:CheckAll();' style=cursor:hand>전체선택 및 해제</a> <br><br> 또는 form이 없는 경우... <br><br> <script> var chk; chk=false; function CheckAll2() { if (!chk){ for (i=0;i<document.all.length;i++) { if(document.all[i].type=='checkbox') { document.all[i].checked=true; } } chk=true; //window.open("test.html","cart","width=260,height=180,toolbars=no,resize=no,scrollbars=no"); } else { for (i=0;i<document.all.length;i++) { if(document.all[i].type=='checkbox') { document.all[i].checked=false; } } chk=false; } } </script> <input type=checkbox name=cart2 value="1"> <input type=checkbox name=cart2 value="2"> <input type=checkbox name=cart2 value="3"> <a onclick='javascript:CheckAll2();' style=cursor:hand>전체선택 및 해제</a> |
'인터넷정보' 카테고리의 다른 글
다중 셀렉트 박스 (0) | 2007.10.18 |
---|---|
텍스트나 이미지에 마우스 올리면 알림 메시지 (0) | 2007.10.18 |
갤러리 꾸미기 (0) | 2007.10.18 |
자신의 컴에 깔린 폰트로 본문 내용 바꾸기 (0) | 2007.10.18 |
체크박스 선택해야 다음 페이지 이동하기 (회원가입 약관) (0) | 2007.10.18 |
폼필드안에 텍스트를 반짝이기 (0) | 2007.10.18 |
텍스트 네온 효과 (0) | 2007.10.18 |
튀어나와 보이는 글씨,들어가 보이는 글씨 (0) | 2007.10.18 |
튀어나와 보이는 글씨,들어가 보이는 글씨 (0) | 2007.10.18 |
빙글빙글 도는 마우스 커서 (0) | 2007.10.18 |
체크박스 전체선택 / 전체해제
인터넷정보2007. 10. 18. 13:42
http://oxtag.com/html/ex/ex/ex4.html
- <SCRIPT LANGUAGE="JavaScript">
- <!--
- function allcheck(formname,boxname,bool) {
- form = eval(formname) ;
- flen = form.elements.length ;
- for( i=0 ; i<flen ; i++ ) {
- if(form.elements[i].name == boxname ) {
- form.elements[i].checked = bool ;
- }
- }
- }
- //-->
- </SCRIPT>
- <center>
- <FORM name = 'ff' METHOD=get ACTION="form.asp" target="_blank">
- <INPUT TYPE="checkbox" NAME="arr" value='a1'>a1<br>
- <INPUT TYPE="checkbox" NAME="arr" value='a2'>a2<BR>
- <INPUT TYPE="checkbox" NAME="arr" value='a3'>a3<BR>
- <INPUT TYPE="checkbox" NAME="arr" value='a4'>a4<BR>
- <INPUT TYPE="checkbox" NAME="arr" value='a5'>a5<p>
- </FORM>
- <a href='javascript:allcheck("ff","arr",true)'>모두체크</a> |
- <a href='javascript:allcheck("ff","arr",false)'>모두해제</a>
'인터넷정보' 카테고리의 다른 글
텍스트 애니메이션 (0) | 2007.10.18 |
---|---|
웹페이지 대화상자 (부모창 위에 새창이 항상 최상위에 존재) (0) | 2007.10.18 |
input 또는 폼안의 포커스 이동 및 글자 길이 제한 (0) | 2007.10.18 |
다중 셀렉트(select) 박스 3 (0) | 2007.10.18 |
이미지 슬라이드 (0) | 2007.10.18 |
매월 마지막 날자 구하기 (0) | 2007.10.18 |
마우스 좌표값 (0) | 2007.10.18 |
문서길이를 자동으로 맞추는 아이프레임 리사이즈 소스 6가지 (0) | 2007.10.18 |
다중 셀렉트(select) 박스 2 (0) | 2007.10.18 |
다중 셀렉트(select) 박스 (0) | 2007.10.18 |