jQuery checkbox 전체선택 | Client Side

체크박스 전체 선택을 jquery 로 그냥 간단하게 만들었는데...

이게 이상하게... 전체선택후 해제한다음에 다시 체크하면 전체 선택이되지 않는..

이상한 일이... 버그인가??

그래서 해결한 방법...

 

소스참조.

$(document).ready(function(){
  $("#chk_all").on("click",function(){
   
   /*
   ## 버그 인가[선택해제후 다시 선택이 안됨.]
   if($(this).is(":checked"))
   {
    $("input[name=chk]:checkbox").each(function() {
     $(this).attr("checked", true);
    });
    
   }
   else
   {
    
    $("input[name=chk]:checkbox").each(function() {
     //$(this).attr("checked", false);
     $(this).removeAttr("checked");
    });
   }
   ## 딱! 끝~
   */
   var _value = $(this).is(":checked");
   $('input:checkbox[name="chk"]').each(function () { 
    this.checked = _value; 
   });
  });
 });

 

 

<table border="1" width="150">
 <tr>
  <td><input type="checkbox" name="chk_all" id="chk_all">전체선택</td>
  <td>내용</td>
 </tr>
 <tr>
  <td><input type="checkbox" name="chk"></td>
  <td>내용2</td>
 </tr>
 <tr>
  <td><input type="checkbox" name="chk"></td>
  <td>내용3</td>
 </tr>
 <tr>
  <td><input type="checkbox" name="chk"></td>
  <td>내용4</td>
 </tr>
 <tr>
  <td><input type="checkbox" name="chk"></td>
  <td>내용5</td>
 </tr>
 <tr>
  <td><input type="checkbox" name="chk"></td>
  <td>내용6</td>
 </tr>
 <tr>
  <td><input type="checkbox" name="chk"></td>
  <td>내용7</td>
 </tr>
 <tr>
  <td><input type="checkbox" name="chk"></td>
  <td>내용8</td>
 </tr>
 <tr>
  <td><input type="checkbox" name="chk"></td>
  <td>내용9</td>
 </tr>
 <tr>
  <td><input type="checkbox" name="chk"></td>
  <td>내용10</td>
 </tr>
</table>  

 

jQuery,checkbox,전체선택,버그
Comment Write
Comment List
토리 2014.05.27 10:33              
확인해 보니 버그가 아님. attr 과 prop 의 차이임.