如何在 ASP.NET 中添加“可编辑”复选框？

Question

我想实现这样的东西 如果选中“其他”复选框，则与其相邻的文本变为可编辑，或者添加一个新复选框，其中复选框的文本可根据用户选择进行编辑。可以在 ASP.NET 中实现吗？

我尝试过的

我使用 jQuery 即时添加了复选框，但这些复选框在 ASp.NET 代码中无法访问，因此我无法使用它。我还查看了 onselectedindex 事件，但找不到可以将复选框添加到 CheckBoxList '带有可编辑文本'的方法。

Your favour subject?<br><br>
<input type=checkbox > <label>Physics</label>
<input type=checkbox > <label>chemistry</label>
<input type=checkbox > <label>Math</label>
<input type=checkbox > <label>Other</label> _______________________

我想要一些非常接近 this jsfiddle 的东西，问题是 jQuery 的东西在服务器端无法访问。我认为我应该能够仅通过 Ajax 将新创建的复选框与旧复选框一起发送到将保存它们的数据库，但这会使我的逻辑变得复杂，因为我在页面上还有其他控件。

Answer 1

您应该使用CheckBoxList 控件。将其添加到页面并将 OnSelectedIndexChanged 添加到 CheckBoxList 并将 AutoPostBack 设置为 true。

<asp:CheckBoxList ID="CheckBoxList1" runat="server" OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged" AutoPostBack="true">
    <asp:ListItem Text="Physics" Value="1"></asp:ListItem>
    <asp:ListItem Text="Chemistry" Value="2"></asp:ListItem>
    <asp:ListItem Text="Math" Value="3"></asp:ListItem>
    <asp:ListItem Text="Other" Value="0"></asp:ListItem>
</asp:CheckBoxList>

<asp:TextBox ID="TextBox1" runat="server" Visible="false"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="RequiredFieldValidator" ControlToValidate="TextBox1" Enabled="false"></asp:RequiredFieldValidator>

然后在后面的代码中

protected void CheckBoxList1_SelectedIndexChanged(object sender, EventArgs e)
{
    TextBox1.Visible = false;
    RequiredFieldValidator1.Enabled = false;

    foreach (ListItem item in CheckBoxList1.Items)
    {
        if (item.Value == "0" && item.Selected == true)
        {
            TextBox1.Visible = true;
            RequiredFieldValidator1.Enabled = true;
        }
    }
}