使用 jquery 實現 checkbox “全選/全不選” 效果

需求：使用 jquery 實現 checkbox 的全選與全不選。效果如圖：

<table class="bigtable">
    <tr class="first_tr">
        <td class="check"><input type="checkbox" id="check_all" />全選</td>
    </tr>
    <tr>
        <td class="check"><input type="checkbox" name="chk_list" id="check"/></td>
    </tr>
    <tr>
        <td class="check"><input type="checkbox" name="chk_list" id="check" /></td>
    </tr>
    <tr>
        <td class="check"><input type="checkbox" name="chk_list" id="check"/></td>
    </tr>
    <tr>
        <td class="check"><input type="checkbox" name="chk_list" id="check" /></td>
    </tr>
    <tr>
        <td class="check"><input type="checkbox" name="chk_list" id="check" /></td>
    </tr>
   
</table>

關鍵的 jquery 代碼：

$(function(){
	$("#check_all").click(function(){
		$("input[ name='chk_list']").attr("checked",$(this).prop("checked"));
	});
});