2012-07-31 57 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); 
});