[자바스크립트]체크박스 전체선택 해제
개발관련/Javascript 2012. 3. 5. 22:20 |1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | <script language= "javascript" type= "text/javascript" > var checkflag = "false" ; //false이면 전체선택, true이면 전체해제. function check(field) { if (checkflag == "false" ) { for (i = 0; i < field.length; i++) { field[i].checked = true ; //모든 체크박스를 체크한다. } checkflag = "true" ; return "전체 해제" ; //버튼객체의 value속성으로 반환(this.value.list로 넘겨져왔기때문) } else { for (i = 0; i < field.length; i++) { field[i].checked = false ; //모든 체크박스를 해제한다. } checkflag = "false" ; return "전체 선택" ; //버튼객체의 value속성으로 반환(this.value로 넘겨져왔기때문) } } //end function </script> <form name= "MyForm" action= "" method= "post" > <input type= "checkbox" name= "list" id= "list" value= "1" >C #<br> <input type= "checkbox" name= "list" id= "list" value= "2" >Java<br> <input type= "button" value= "전체 선택" onclick= "this.value=check(this.form.list);" > </form> |
'개발관련 > Javascript' 카테고리의 다른 글
[자바스크립트]폼 동기화하기 (0) | 2012.03.06 |
---|---|
[자바스크립트]텍스트 박스 워터마크 기능 구현 (0) | 2012.03.05 |
[자바스크립트]주민번호 체크 (0) | 2012.03.05 |
[자바스크립트]인쇄창 띄우기 (0) | 2012.03.05 |
[자바스크립트]시작 페이지로 설정 (0) | 2012.03.05 |