Radiobutton文本对齐问题

Question

我在asp.net工作并拥有radiobutton列表，我想按照我的要求调整他们的文本。 这是我目前的情况：

我想让他们像这样：

修改 其次，当我单击Ages From radiobutton时，我会显示一个div，如：

当我点击回到All Ages单选按钮时，我想隐藏那个div。但SelectedIndexChanged第二次及以后不起作用。它只适用于第一次。

aspx代码：

<table>
                        <tr>
                            <td>
                                <asp:RadioButtonList ID="rdoAge" runat="server" RepeatDirection="Horizontal" 
                                    onselectedindexchanged="rdoAge_SelectedIndexChanged" AutoPostBack="true" >
                                    <asp:ListItem Text="All Ages" Value="All Ages" Selected="True"></asp:ListItem>
                                    <asp:ListItem Text="Ages From" Value="Ages From"></asp:ListItem>
                                </asp:RadioButtonList>
                            </td>
                            <div id="divAge" runat="server" visible="false">
                                <td>
                                    <asp:TextBox ID="txtAgeFrom" runat="server" CssClass="textEntry2" MaxLength="3" Width="65"></asp:TextBox>
                                </td>
                                <td>
                                    <asp:Label ID="lblTo" runat="server" Text="To"></asp:Label>
                                </td>
                                <td>
                                    <asp:TextBox ID="txtAgeTo" runat="server" CssClass="textEntry2" MaxLength="3" Width="65"></asp:TextBox>
                                </td>
                            </div>
                        </tr>
                    </table>

cs文件代码：

protected void rdoAge_SelectedIndexChanged(object sender, EventArgs e)
    {
        switch (rdoAge.SelectedValue)
        {
            case "All Ages":
                divAge.Visible = false;
                break;
            case "Ages From":
                divAge.Visible = true;
                break;
        }
    }

如果有人建议对这个问题有用的话，我将不胜感激。

提前致谢。

Answer 1

这是缺少结束标记的问题。我一定错过了一些控制的结束标记。我重新添加了所有控件，并负责关闭标签。现在工作正常。

感谢大家的帮助。

Answer 2

尝试使用css样式

<style type="text/css">
 table.radioWithProperWrap input
 {    
      float: left;
 }

 table.radioWithProperWrap label
 {    
      word-wrap: break-word;

 }
</style>
<asp:RadioButtonList runat="server" CssClass="radioWithProperWrap" ....>

Answer 3

 switch (rdoAge.SelectedItem.Text)

在源代码中，像这样定义更新面板：

 <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">

然后在OnSelectedIndexChanged事件中添加        UpdatePanel1.Update（）;