asp.net - 用于在带有复选框的 gridview 上进行操作的 Jquery 函数

Question

我的 GridView (gvAvailable)中的第一列是当前复选框列“chkSelect”。现在的工作方式是用户可以检查 gridview 上的多个复选框，但我想要一个 jquery 函数来取消选择 gridview 上除单击的复选框之外的所有复选框。

我也在寻找一种方法，通过点击按钮使用 jquery 访问选中行的列。

感谢您的帮助

这是生成的 html 的样子

<table class="Grid" cellspacing="0" border="0" id="gvAvailable" style="width:99%;border-collapse:collapse;">
<tr class="GridHeader">
<th scope="col">&nbsp;</th><th scope="col">Guid</th><th scope="col">Id</th><th scope="col">Name</th>
    <th scope="col">Facility</th><th scope="col">Room</th>
</tr>
<tr class="GridItem">
    <td>
        <input id="gvAvailable_ctl02_chkSelect" type="checkbox" name="gvAvailable$ctl02$chkSelect" />
    </td>
    <td>24</td>
    <td>000101020201</td>
     <td>Test</td>
     <td>Test Facility</td>
     <td>&nbsp;</td>
</tr><tr class="GridAltItem">
<td>
    <input id="gvAvailable_ctl03_chkSelect" type="checkbox" name="gvAvailable$ctl03$chkSelect" />
</td>
<td>25</td>
<td>1001</td>
<td>Test 2</td>
<td>Test 3</td>
<td>&nbsp;</td>
</tr>
</table>

Answer 1

如果您将相同的类添加到标记中的每个复选框，您可以通过以下方式检索它们的数组

$('.classname')

这将返回对象数组。然后，您可以在数组上调用“each”并取消选择它们。

function removeChecks()
{    
    $('.classname').each(function()
    {
         $(this).removeAttr('checked');
    });
}

然后在每个复选框的点击处理程序中添加上述函数调用:

$('.classname').each(function()
{
    $(this).click(function()
    {
        removeChecks();
        $(this).attr('checked', 'checked');
    });
});

上面的代码应该设置为在页面加载时运行。