全選功能程式碼的原理：

1、當點選全選的複選框的時候就將指定的複選框全部打上勾（就是將狀態變成checked）

2、選了一部分的複選框後再點選全選複選框，先獲取當前複選框的數量，然後將剩下的複選框打勾

<table>   
 <tr>
        <td><input type="checkbox" id="checkall"/></td>/*全選框的id*/
        <td>標題</td>
        <td>標題</td>
   </tr>
   <tr>
        <td><input type="checkbox" name="1"/></td>
        <td>內容</td>
        <td>內容</td>
   </tr>
<tr>
        <td><input type="checkbox" name="2"/></td>
        <td>內容</td>
        <td>內容</td>
   </tr>
</table>
 

jq語句

<script>

    $(document).ready(function() {
        $('#checkall').click(function () { /*checkall是全選複選框的id名稱*/
            $('input:checkbox[name]').prop('checked', this.checked); /*設定複選框的動態屬性*/

        });

        $('input:checkbox[name]').click(function () {
            isall = $('input:checkbox[name]').length == $('input:checkbox[name]:checked').length;/*獲取當前選中的個數，判斷是否跟全部複選框的個數是否相等*/
            $('#checkall').prop('checked', isall);

        });


    });

</script>
 

學習筆記，僅供參考..