체크박스 전체 선택을 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>
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Comment Write
Comment List