Gridview中的JQuery如何在文本框在同一行更改时检查复选框

Posted 2023-04-13

【中文标题】Gridview中的JQuery如何在文本框在同一行更改时检查复选框

【英文标题】：JQuery In Gridview How to Check CheckBox When Textbox changed In Same Row

【发布时间】：2021-09-05 12:42:30

【问题描述】：

在 GridView 中，当使用 JQuery 或 javascript 在同一行中更改 txtBox 文本时，我如何检查 cbSelect。

<asp:GridView ID="gv" runat="server" AutoGenerateColumns="False" DataKeyNames="id">
    <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
    <Columns>
        <asp:TemplateField HeaderText="Select" ItemStyle-HorizontalAlign="Center">
            <ItemTemplate>
                <asp:CheckBox ID="cbSelect" runat="server" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Select" ItemStyle-HorizontalAlign="Center">
            <ItemTemplate>
                <asp:TextBox ID="txtBoxt" runat="server" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

【参考方案1】：

您可以使用 java 脚本 onkeyup 事件并将复选框值设置为选中。您可以使用以下代码。

<script type="text/javascript">
        function setCheckBox(selectedRow) 
            var row = selectedRow.parentNode.parentNode;

            row.cells[0].children[0].checked = true;
        
    </script>

   <asp:GridView ID="gv" runat="server" AutoGenerateColumns="False" DataKeyNames="id">
    <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
    <Columns>
        <asp:TemplateField HeaderText="Select" ItemStyle-HorizontalAlign="Center" >
            <ItemTemplate>
                <asp:CheckBox ID="cbSelect" runat="server" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Select" ItemStyle-HorizontalAlign="Center">
            <ItemTemplate>
                <asp:TextBox ID="txtBoxt" runat="server" onkeyup="setCheckBox(this); "/>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

您可以根据需要更改单元格索引、事件和函数名称。

【讨论】：

您好 Amit Verma，非常感谢您的回复...您的解决方案确实有效，只是获取复选框需要再降低一个级别。 row.cells[0].children[0].children[0].checked = true;