检查网格视图中的复选框是否被选中

check if checkboxes in GridView are ticked

本文关键字：是否 复选框 网格 视图 检查      更新时间：2023-09-26

我在 GridView 中有三个复选框，但用户只能选择一个复选框。因此，如果他们选择第一个复选框，我需要提醒他们他们无法选择其他两个复选框。

        <asp:GridView CssClass="tblResults" runat="server" ID="dgDetails" 
              OnRowDataBound="dgDetails_ItemDataBound" 
              DataKeyField="ID" AutoGenerateColumns="false"
             AlternatingRowStyle-BackColor="#EEEEEE">
             <HeaderStyle CssClass="tblResultsHeader" />
                <Columns> 
                    <asp:TemplateField HeaderText="Approved1">
                        <ItemTemplate>
                           <asp:CheckBox runat="server" ID="chkApproved1" />
                        </ItemTemplate>
                    </asp:TemplateField>
                   <asp:TemplateField HeaderText="Approved2">
                        <ItemTemplate>
                           <asp:CheckBox runat="server" ID="chkApproved2" />
                        </ItemTemplate>
                    </asp:TemplateField>
                   <asp:TemplateField HeaderText="Approved3">
                        <ItemTemplate>
                           <asp:CheckBox runat="server" ID="chkApproved3" />
                        </ItemTemplate>
                    </asp:TemplateField>
                  </Columns>
          </asp:GridView>

代码隐藏：

protected void dgDetails_ItemDataBound(object sender, GridViewRowEventArgs e)
    {
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            GridView gv = sender as GridView;
            Quote.QuoteDetails qd = e.Row.DataItem as Quote.QuoteDetails;
            CheckBox chkApproved1 = e.Row.FindControl("chkApproved1") as CheckBox;
            CheckBox chkApproved2 = e.Row.FindControl("chkApproved2") as CheckBox;
            CheckBox chkApproved3 = e.Row.FindControl("chkApproved3") as CheckBox;
       }
    }

我尝试在查询中使用这样的东西：

$('#<%= chkApproved1.ClientID %>').change(function () {
                if($(this).is(":checked")) {
                    }  
            });

但这会导致错误：名称"chkApproved1"在当前上下文中不存在。

那么如何检查 GridView 中的复选框是否已被勾选呢？

如果要在选中第一个复选框时发出警报，请使用以下脚本

    $(document).ready(function () {       
        $("table[id$='dgDetails']").find("input[id*='chkApproved1']").change(function () {
                    if ($(this).is(":checked")) {
                        alert('Hi');
                    }
                });
     });

这是可以帮助您防止其他复选框检查是否选中第一个的代码。

              if ($(this).is(":checked")) {                    
                    if ($(this).attr("id").indexOf("chkApproved1") != -1) { var1 = 1 }
                    if ($(this).attr("id").indexOf("chkApproved2") != -1) { var2 = 1 }
                    if ($(this).attr("id").indexOf("chkApproved3") != -1) { var3 = 1 }
                    if (var1 == 1 && var2 == 1 && var3 == 1) {
                        var2 = 0; var3 = 0;
                        $("table[id$='dgDetails']").find("input[id*='chkApproved2']").attr("checked", false);
                        $("table[id$='dgDetails']").find("input[id*='chkApproved3']").attr("checked", false);
                    }
                    else if (var1 == 1 && var2 == 1) {
                        if ($(this).attr("id").indexOf("chkApproved1") != -1) { var1 = 0 }
                        if ($(this).attr("id").indexOf("chkApproved2") != -1) { var2 = 0 }
                        alert('You can''t select this checkbox2');
                        $(this).attr("checked", false);
                    }
                    else if (var1 == 1 && var3 == 1) {
                        if ($(this).attr("id").indexOf("chkApproved1") != -1) { var1 = 0 }
                        if ($(this).attr("id").indexOf("chkApproved3") != -1) { var3 = 0 }
                        alert('You can''t select this checkbox3');
                        $(this).attr("checked", false);
                    }
                }
                else {
                    if ($(this).attr("id").indexOf("chkApproved1") != -1) { var1 = 0 }
                    if ($(this).attr("id").indexOf("chkApproved2") != -1) { var2 = 0 }
                    if ($(this).attr("id").indexOf("chkApproved3") != -1) { var3 = 0 }
                }

希望这个帮助

相关文章：