Question

我创建了一个网格视图，其中有一定数量的文本框行和复选框。现在我想检查复选框，文本框的文本应该从'A'更改为'P'。这是我的设计视图。

<asp:GridView ID="grdData" runat="server" style="Text-align:center;">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" OnCheckedChanged="grdData_SelectedIndexChanged"/>
</ItemTemplate>
<HeaderTemplate>
<asp:CheckBox ID="CheckBox2" runat="server" OnClick="CheckAllEmp(this)"/>
</HeaderTemplate>
</asp:TemplateField>
<asp:TemplateField>
<HeaderTemplate>
<asp:Label ID="Status_Header" runat="server" Text="Status" />
</HeaderTemplate>
<ItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Enabled="false" Text="a"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>

这是我的代码背后

protected void chkview_CheckedChanged(object sender, EventArgs e)
{
for (int i = 0; i < grdData.Rows.Count; i++){
CheckBox ck =(CheckBox)grdData.Rows[i].Cells[0].FindControl("CheckBox1");
Label Child_Label =(Label)grdData.Rows[i].Cells[5].FindControl("Child_Label");

if (ck.Checked == true){
Child_Label.Text = "Present";}
else
Child_Label.Text = "Absent";}}

Answer 1

我已更新您的代码并使用客户端网站活动onclick而不是OnCheckedChanged用于复选框，并为文本框ClientIDMode="Static"添加一个属性TextBox1。

GrigView标记：

<asp:GridView ID="grdData" runat="server" Style="Text-align: center;">
            <Columns>
                <asp:TemplateField>
                    <ItemTemplate>
                        <asp:CheckBox ID="CheckBox1" runat="server" onclick="changeTextValue(this);" />
                    </ItemTemplate>
                    <HeaderTemplate>
                        <asp:CheckBox ID="CheckBox2" runat="server" OnClick="CheckAllEmp(this)" />
                    </HeaderTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <HeaderTemplate>
                        <asp:Label ID="Status_Header" runat="server" Text="Status" />
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:TextBox ID="TextBox1" runat="server" Enabled="false" Text="a" ClientIDMode="Static"></asp:TextBox>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>

JavaScript功能：

<script>
    function changeTextValue(chk) {
        var currentTextID = $(chk).parents('tr').find('input[type="text"][id$="TextBox1"]');
        alert(chk.checked);
        if (chk.checked == true)
            currentTextID.val("Present");
        else
            currentTextID.val("Absent");
    }
</script>

确保链接页面上的jQuery文件。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Answer 2

将AutoPostback="True"添加到复选框

和cs函数：

protected void chkview_CheckedChanged(object sender, EventArgs e)
{
    Checkbox chk = (CheckBox)sender;
    GridViewRow row = (GridViewRow)chk.NamingContainer;
    Label Child_Label =(Label)row.FindControl("Child_Label");
    if(chk.Checked)
       Child_Label.Text = "P";
    else
       Child_Label.Text = "A";
}

在gridview中检查复选框时更改文本框文本

2 个答案: