jquery 를 이용한 모든 체크박스 선택하기

<script type="text/javascript">

//<![CDATA[

 $('#allcheck').click(function(){
        var ckd = $(this).attr('checked');                    
        $('table.document :checkbox').attr('checked', ckd ? 'checked': false);
  });

//]]>

</script>

 

<table class="document">

<tr>

  <td><input type="checkbox" id="allcheck" /></td>

</tr>

<tr>

  <td><input type="checkbox" name="no[]" /></td>

</tr>

<tr>

  <td><input type="checkbox" name="no[]" /></td>

</tr>

<tr>

  <td><input type="checkbox" name="no[]" /></td>

</tr>

</table>

 

id 가 'allcheck' 인 체크박스를 선택하면 상태값을 확인하여 다른 모든 체크박스의 값을 변경시킨다.