전부 체크/해제!


 체크박스2!

 체크박스3!

 체크박스4!



간단한 실습 예제

<HTML>
 <HEAD>
  <TITLE> 체크박스 예제 </TITLE>
 </HEAD>
 <script language="javascript">
 <!--
function checkbox_checked()
{
    if(document.checkedform.checkbox4.checked)
    {
        // 체크박스 전부 체크
        document.checkedform.checkbox42.checked = true;
        document.checkedform.checkbox43.checked = true;
        document.checkedform.checkbox44.checked = true;
    }
    else if(!document.checkedform.checkbox4.checked)
    {
        // 체크박스 전부 해제
        document.checkedform.checkbox42.checked = false;
        document.checkedform.checkbox43.checked = false;
        document.checkedform.checkbox44.checked = false;
    }
}
-->
</script>
 <BODY>
  <form name="checkedform" method="post" action="test.html">
   <p><input type="checkbox" name="checkbox4" value="checkbox" OnClick="javascript:checkbox_checked()">전부 체크/해제!</p>
   <p><input type="checkbox" name="checkbox42" value="checkbox">체크박스2!</p>
   <p><input type="checkbox" name="checkbox43" value="checkbox">체크박스3!</p>
   <p><input type="checkbox" name="checkbox44" value="checkbox">체크박스4!</p>
   </form>
 </BODY>
</HTML>

<!--
ps. 중복체크검색 구현을 위해서 간단한 실습을 해보고 적용시켜 보았다.

중복되는 체크가 한두개가 아니라 여러개가 있을 경우 하나하나 찍기가

여간 귀차니즘을 불러일으킬 것이다. 그래서 전부체크와 해제되는 체크박스를

만들어서 관리하면 편하겠다.
-->

'StudyData > Javascript' 카테고리의 다른 글

div 태그 나타나기/숨기기 기능 구현  (0) 2009.04.14
체크박스 전부체크/전부해제  (2) 2009.04.06
Posted by 이라크왕자

댓글을 달아 주세요

  1. 2009.04.07 14:44 신고

    체크박스 전부체크/전부해제, 어떻게 사용하는 건지 설명이 있으면 좋겠네요. 쓸만한것 같군요. ^^

    • 2009.04.07 19:29 신고

      안녕하세요. 직접 댓글까지 달아주시니 감사합니다 ㅁ_ㅁㅋ

      요즘 html 붙들고 간단한 예제들을 통해 배우고 있는중이라서

      참고가 될만한건 업데이트하고 있네요.

      설명이 도움이 될런지는 모르겠지만 수정토록 하겠습니다.