[Script] 체크박스 전체 선택 (체크박스이름 배열형태)

원본글 : http://devppc.com/bbs/tb.php/java_tip/1 

체크박스 전체 선택과 해제의 경우 여러가지 방법이 있지만

 

체크박스 이름이 'name[]' 과 같은 형식으로 명명할 경우 'PHP의 데이터 처리 페이지'에서 value 값을 가져다

 

쓰기가 편리하다.

 

아래 코드는 체크박스 이름이 'name[]' 같은 형식으로 명명되었을때 체크박스 전체 선택과 해제 방법이다.

 

<input type="checkbox" name="name[]" value="1">

<input type="checkbox" name="name[]" value="2">

<input type="checkbox" name="name[]" value="3">

<input type="checkbox" name="name[]" value="4">

<input type="checkbox" name="name[]" value="5">

 

function check_all(f)
{

    if(f.allcheck.checked == true) { sw = true; }

    else { sw = false; }
   
    var getObj = document.getElementsByTagName("input");

 

    for(var i=0; i < getObj.length; i++)
    {
        if(getObj[i].type.toLowerCase() == "checkbox" && getObj[i].name.substr(0,4) == "name")

        {
            getObj[i].checked = sw;
        }
    }

}

 

태그 이름이 input 인 element 중 type이 checkbox 인것과 name이 name으로 시작하는 것들

(getObj[i].name.substr(0,4) == "name" 으로 조건문을 추가하지 않으면 해당 페이지의 모든 체크박스가 적용됨)

모두를 sw값에 따라 전체 체크(또는 해제)하게 된다.