셀렉트박스 전체체크/해제 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 폼 관련 > 셀렉트박스 전체체크/해제 상세정보

클라우드태그

Javascript

PHP

HTML

asp

mysql

CSS

Mobile

jquery

image

slide

占쌨댐옙

占쏙옙占쏙옙占쏙옙트

메뉴

현재접속자 명

셀렉트박스 전체체크/해제

해피팀

네티즌

소스분류

폼 관련

다운로드 횟수

931 회

간단설명

셀렉트박스 폼선택박스를 일일히 지정하지않고 한꺼번에 지정 및 해제를 할수 있는 자바스크립트입니다.

평가하기

간단하지만 유용한 소스인것 같습니다.

본예제의 자바스크립트입니다.

<script type='text/javascript'>
window.onload = function()
{
initCheckBehavior();
}
function initCheckBehavior()
{
var i, a;

for (i = 0; i < document.links.length; ++i) {
    a = document.links[i];
    if (a.id.indexOf('UncheckAll_') != -1) {
      a.onclick = doCheckBehavior;
      a._CBNAME_ = a.id.substr(11) + '[]';
      a._CBCHECKED_ = false;
    }
    else if (a.id.indexOf('CheckAll_') != -1) {
      a.onclick = doCheckBehavior;
      a._CBNAME_ = a.id.substr(9) + '[]';
      a._CBCHECKED_ = true;
    }
}
}
function doCheckBehavior()
{
var i, cb = document.getElementsByName(this._CBNAME_);
for (i = 0; i < cb.length; ++i) {
    cb[i].checked = this._CBCHECKED_;
}
return false;
}
</script>

▶HTML파일안에 들어갈 셀렉트폼

<form action='#' method='post' name='form1'>
<input type='checkbox' name='cb1[]' value='cb1 1'>
<input type='checkbox' name='cb1[]' value='cb1 2'>
<input type='checkbox' name='cb1[]' value='cb1 3'>
<input type='checkbox' name='cb1[]' value='cb1 4'>
<input type='checkbox' name='cb1[]' value='cb1 5'>
<a id='CheckAll_cb1' href=''>Check All</a> | <a id='UncheckAll_cb1' href=''>Uncheck All</a></p>