| 간단하게 자바스크립트로 폼에 체크박스를 체크해서 밑에 서브체크박스의 상태를 바꾸게 만들어 봤습니다. <html> <head> <script language="JavaScript"> <!--체크박스 function MainCheck(Frm) { if (Frm.check.checked == true) CheckT(Frm); else CheckF(Frm); } function CheckT(Frm) { for (i = 0; i < Frm.cname.length; i++) { Frm.cname[i].checked = true; } } function CheckF(Frm) { for (i = 0; i < Frm.cname.length; i++) { Frm.cname[i].checked = false; } } //스크립트 끝--> </script> </head> <body> <form name="checkfrm"> <input type="checkbox" name="check" onClick="MainCheck(this.form)">전체 선택/전체 해제<p> <input type="checkbox" name="cname">랑스<br> <input type="checkbox" name="cname">RANGS<br> <input type="checkbox" name="cname">rangs<br> <input type="checkbox" name="cname">Rangs </form> </body> </html> 위에 소스 복사해서 하세요 <input type="checkbox" name="check" onClick="MainCheck(this.form)"> 위에 체크박스가 메인 체크 박스인데요 폼값을 MainCheck함수로 매개변수로 사용합니다. function MainCheck(Frm) { if (Frm.check.checked == true) //메인 체크박스에 체크가 되어있다면 CheckT(Frm); //서브체크박스에 체크하기 함수로 else CheckF(Frm); //메인체크박스에 체크가 되어있지 않다면 서브체크박스에 체크 해제 함수 } function CheckT(Frm) { for (i = 0; i < Frm.cname.length; i++) { //폼에 서브 체크박스의 수 Frm.cname[i].checked = true; //전체 체크 } } function CheckF(Frm) { for (i = 0; i < Frm.cname.length; i++) { //폼체 서브 체크박스의 수 Frm.cname[i].checked = false; //전체 해제 } } 그럼 수고 하세요 |
| 내용출처 : 직접 작성 |
'낙서장' 카테고리의 다른 글
| 피파 숫자패드 전략 (0) | 2010.07.12 |
|---|---|
| 인터넷 시작페이지가 mv10000.com으로 고정되고 USB인식 안되는 경우 (0) | 2010.07.12 |
| 이런 남자가 성공한다. (0) | 2010.07.12 |
| 예쁜 색상표 - 유용하게 사용해요~* (0) | 2010.07.12 |
| 스타 닮은꼴.. (0) | 2010.07.12 |