체크박스 전체 선택을 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