jquery 我如何从客户端勾选asp复选框?

tgabmvqs  于 2023-08-04  发布在  jQuery
关注(0)|答案(1)|浏览(101)

我在网格的标题中有一个复选框,在网格的每一行上都有另一个复选框。

<tel:GridTemplateColumn HeaderStyle-Width="15px" UniqueName="gridTemplateColumnCheckbox">
  <ItemTemplate>
    <asp:CheckBox ID="chkItem" runat="server" AutoPostBack="false" CssClass="checkbox-item" />
  </ItemTemplate>
  <HeaderTemplate>
    <asp:CheckBox ID="chkSelectAll" runat="server" AutoPostBack="false" CssClass="checkbox-select-all" onclick="toggleSelectAll();" />
  </HeaderTemplate>
</tel:GridTemplateColumn>

字符串
问题是,我想在客户端编写一个函数,当头部中的复选框被选中时,该函数将选中所有复选框项复选框。我尝试按类($('. checkbox-item');)并使'checked'属性为true,但它不起作用。你还有别的主意吗?据我所知,当ASP.NET控件呈现为html时,它们被赋予了另一个id,所以我不认为我可以从id中获得元素。
已尝试按类获取复选框并更改“checked”属性。
呈现的复选框如下所示:

<th scope="col" class="rgHeader">
    <span class="checkbox-item-header"><input id="ctl00_ctl00_contentBody_cphMain_JournalItems1_recItemsGrid_ctl00_ctl02_ctl01_chkSelectAll" type="checkbox" name="ctl00$ctl00$contentBody$cphMain$JournalItems1$recItemsGrid$ctl00$ctl02$ctl01$chkSelectAll"></span>
</th>

<td>
    <span class="checkbox-item"><input id="ctl00_ctl00_contentBody_cphMain_JournalItems1_recItemsGrid_ctl00_ctl04_chkItem" type="checkbox" name="ctl00$ctl00$contentBody$cphMain$JournalItems1$recItemsGrid$ctl00$ctl04$chkItem"></span>
</td>

<td>
    <span class="checkbox-item"><input id="ctl00_ctl00_contentBody_cphMain_JournalItems1_recItemsGrid_ctl00_ctl06_chkItem" type="checkbox" name="ctl00$ctl00$contentBody$cphMain$JournalItems1$recItemsGrid$ctl00$ctl06$chkItem"></span>
</td>

<td>
    <span class="checkbox-item"><input id="ctl00_ctl00_contentBody_cphMain_JournalItems1_recItemsGrid_ctl00_ctl08_chkItem" type="checkbox" name="ctl00$ctl00$contentBody$cphMain$JournalItems1$recItemsGrid$ctl00$ctl08$chkItem"></span>
</td>

tnkciper

tnkciper1#

这将在生成的HTML上工作
备选选择器:第一个月

$(".checkbox-item-header input[type=checkbox]").on("click", function() {
  $(".checkbox-item input[type=checkbox]").prop("checked", this.checked)
});

个字符

相关问题