[JQuery] jsp, javascript, jquery 을 이용한 전체CheckBox 선택/해제 및 선별법

개별이 아니라 연동이다.

* jsp 단
 - 전체 체크박스와, 체크박스들 구성

<form name="frmCheck"> //전체체크박스 <input type="checkbox" name="allcheckbtn" onClick="goAllCheck();"/> //체크박스들 <input type="checkbox" name="chk"/> </form

*jquery 단
 - 체크박스들 선별해서 list에 담기 (,붙여서)

$('#send').click(function(event){     event.preventDefault();          var list = '';          //체크박스 조회     $('input:checkbox:checked').each(function(){      if($(this).attr('name') != 'allcheckbtn'){       list += ',' + $(this).attr('name');      }          }); });

* javascript 단
 - 체크박스 전체 체크/해제 Disabled 무시

// 체크박스를 전부 선택/해제 Disabled 무시   function goAllCheck(){    chedkBoxAllChecker(document.frmCheck.chk);   }    var checkBoxAllCheckYn = false;       function chedkBoxAllChecker(obj) {    if ( checkBoxAllCheckYn ) {     if ( obj[0] == 'undefined' || obj[0] == null ) {      obj.checked = false;     } else {          for ( i=0; i<obj.length; i++ ) {           obj[i].checked = false;           }     }          checkBoxAllCheckYn = false;         } else {        if ( obj[0] == 'undefined' || obj[0] == null ) {      obj.checked = true;     } else {       for ( i=0; i<obj.length; i++ ) {           if(obj[i].disabled == true){ //체크박스가 disabled 되어 있으면 check 하지 않음              obj[i].checked = false;                    }else{              obj[i].checked = true;             }//end if          }//end for     }//end if          checkBoxAllCheckYn = true;         }//end if   }//end function