2012-07-31 95 views
0

我有一個HTML表,其中第一列是一個複選框,我有一個超鏈接上面說「全部檢查」,如果他們點擊這個我需要循環通過每一行在表格中,檢查分配給該行的複選框,該表是建立在頁面加載「數據綁定」循環表和複選框與Jquery

這是我的jQuery到目前爲止即時調用它關閉「檢查所有」鏈接

$('#HypSelectAll').click(function() { 
    var count = $('#gvPerformanceResult>tbody>tr').length; //Count the amount of rows in the HTML table 
    for (i = 0; i < count; i++) { 

    } 
});​ 

林現在不知道我怎麼可以引用gvPerformanceResult列....找到名爲「chkExportToExcel」的複選框,此表可能有1-25行可以有人幫我出來給我一個起點.....

謝謝

+0

調用「chkExportToExcel」< - 是一個ID,名稱或類名? – 2012-07-31 15:28:26

+0

複選框的ID。 – 2012-07-31 15:29:17

+0

@ScottAtkinson - 你是說你所有的複選框共享相同的ID? – 2012-07-31 15:33:43

回答

4

無需手動進行循環。讓jQuery的做它的事:

$('#HypSelectAll').click(function() { 
    $('#gvPerformanceResult') 
     .find('input[type="checkbox"]') 
     .prop('checked', true); 
}); 

如果有其他複選框整個表,你真的必須是具體的,試試這個:

$('#HypSelectAll').click(function() { 
    $('#gvPerformanceResult') 
     .find('> tbody > tr > td:first-child > input[type="checkbox"]') 
     .prop('checked', true); 
}); 

但我不能真的想到一個可以保證這種情況的場景。如果你不得不求助於此,你的HTML結構可能會遇到一些更深層次的問題。

+0

幾分鐘後,我會作出答案!再次感謝!!! – 2012-07-31 15:32:34

1

你並不需要這樣的環通,只是告訴了jQuery找出表中的複選框,將其標記爲檢查(假設在表中唯一的複選框是你想包括在'全選'中的)。

$('#HypSelectAll').click(function() { 
     $("#gvPerformanceResult").find("input[type=checkbox]").prop("checked", true); 
});