在RadioButtonList中选中CheckBox时显示TextBox和Label

Question

所以我在RadioButtonList上显示了我的数据列表。 它不是单选按钮，而是它的单选按钮列表。

<asp:RadioButtonList Font-Size="X-Small" OnSelectedIndexChanged="radioBtn_SelectedIndexChange" onclick="ShowHide(this)"  RepeatDirection="Vertical" RepeatColumns="2" ID="rediobtn" runat="server">

Radiobuttonlist display

我现在要做的是显示一个QTY TextBox，我可以在其中输入金额并将其提交到数据库中。

所以我创造了它们：

<asp:Label ID="lbrQty" Text="QTY" runat="server" Visible="false" />
<asp:TextBox ID="textQtyInput" runat="server" Visible="false"  />

在后面的代码中我想知道如何编码，以便它可以检测到选择了RadioButton。如果可能的话，我需要知道哪个被选中，因为我需要将数据上传到SQL中。

protected void radioBtn_SelectedIndexChange(object sender, EventArgs e)
{
    //if radiobutton is selected change  lbrQty and textQtyInput visible to true
}

已更新

感谢您添加AutoPostBack的帮助。

让我来看看发生的事情：

1. 输入条形码
2. radiobuttonlist出现＆lt; - 条形码必须有效
3. 选择并显示QTY标签和文本框
4. 输入无效的条形码，QTY标签和文本框仍然存在。我该如何摆脱它们？

Invalid barcode image

Answer 1

您需要添加并设置AutoPostBack的{​​{1}}属性为RadioButtonList以触发true：

radioBtn_SelectedIndexChange

选择收音机后，请将<asp:RadioButtonList ID="rediobtn" AutoPostBack="true" Font-Size="X-Small" OnSelectedIndexChanged="radioBtn_SelectedIndexChange" onclick="ShowHide(this)" RepeatDirection="Vertical" RepeatColumns="2" runat="server"> 和lbrQty显示为：

textQtyInput

如果您要验证条形码，请在条形码无效时隐藏protected void rediobtn_SelectedIndexChanged(object sender, EventArgs e) { lbrQty.Visible = true; textQtyInput.Visible = true; } 和lbrQty：

textQtyInput