table中checkbox選擇多行

頁面代碼

<table id="addressTable" class="ui-jqgrid-htable ui-common-table table table-bordered">
    <thead>
        <tr>
            <td style='text-align:center;width:35px;'><input id="selectAll" role='checkbox' type='checkbox' class='cbox checkbox' /></td>
            <td>名稱</td><td>地址</td><td>聯系人</td><td>電話</td><td>操作</td>
        </tr>
    </thead>
    <tbody id="tbody">
        <tr>
            <td style="text-align:center;width:35px;">
                <input role="checkbox" type="checkbox" class="cbox checkbox">
            </td>
            <td>明十三陵</td><td>北京市市轄區昌平區天壽山麓</td><td>崇禎</td><td>18903378092</td>
            <td><a onclick="updateItem(this)">修改</a><a onclick="deleteItem(this)">刪除</a></td>
        </tr>
        <tr>
            <td style="text-align:center;width:35px;">
                <input role="checkbox" type="checkbox" class="cbox checkbox">
            </td>
            <td>1多福多壽</td><td>福建省龍岩市連城縣八王墳</td><td>2</td><td>18903378092</td>
            <td><a onclick="updateItem(this)">修改</a> <a onclick="deleteItem(this)">刪除</a></td>
        </tr>
    </tbody>
</table>

js代碼

$(function() {  2     $("#selectAll").change(function() {  3         var checkboxs = $("#tbody").find("input[type='checkbox']");  4         var isChecked = $(this).is(":checked");  5         //嚴禁使用foreach，jq對象的遍歷會使瀏覽器崩潰
        for(var i = 0; i < checkboxs.length; i++) {  7             //臨時變量，必須，否則只能選中最后一條記錄
            var temp = i;  9             $(checkboxs[temp]).prop("checked",isChecked); 10  } 11  }); 12 });