使用asp.net在gridview中选中复选框时更改div显示

Question

我有绑定到数据库的gridview 。 我有一个checkbox ，我想用checkbox选中值更改另一个div display属性。 这是我在asp.net中的后端代码，但是不起作用！ 我该怎么解决？

protected void gv_sourceGalleryPic_RowCommand(object sender, GridViewCommandEventArgs e)
{
    if (e.CommandName == "checkPic")
    {
        CheckBox chkItem = (CheckBox)gv_sourceGalleryPic.FindControl("ck_checkGalleryPic_copyMove");

        if (chkItem.Checked == true)
        {
            div1.Style.Add(HtmlTextWriterStyle.Display, "block");
        }
    }
}

Answer 1

据我所知，Asp.Net CheckBoxes没有名为CommandName和CommandArgument属性。 因此，您不能使用RowCommand事件，该事件将在您更改选中状态时触发。 您应该使用一些简单的javascript代码，而不是下面的示例代码：

function hidediv(chk) {
        var element = document.getElementById("div1");
        if (chk.checked) 
        { element.style.display = 'none'; }
    }

然后在所有复选框的更改事件上触发此函数，如下所示：

onchange="hidediv(this);"

顺便说一句，如果您只想更改显示div部分，最好使用html输入标签而不是asp.net复选框。

Answer 2

尝试找到Div

HtmlGenericControl div1= (HtmlGenericControl )gv_sourceGalleryPic.FindControl("div1");

Answer 3

您可以将OnCheckedChanged事件用于checkbox而不是onRowCommand如下所示：

标记

<asp:GridView runat="server" ID="gv_sourceGalleryPic">
  <Columns>
    <asp:TemplateField>
      <ItemTemplate>
        <asp:CheckBox ID="ck_checkGalleryPic_copyMove" runat="server"
            OnCheckedChanged="chkBox_CheckedChanged" AutoPostBack="true" />
      </ItemTemplate>
    </asp:TemplateField>
  </Columns>
</asp:GridView>

后面的代码

protected void chkBox_CheckedChanged(object sender, EventArgs e)
    {
        CheckBox chk = sender as CheckBox;

        if (chk.Checked)
        {
            div1.Style.Add(HtmlTextWriterStyle.Display, "block");
        }           
    }