C# asp.net单选按钮选中/取消选中后显示/隐藏下拉列表

我一直在尝试创建一个单选按钮，当两个下拉列表被取消选中和选中时，它会显示/隐藏这两个下拉列表

我的问题是，每当我尝试检查另一个单选按钮时，另一个单选按钮的下拉列表不会按预期隐藏。例如，如果我选中了rbtnTwocolor，则rbtnOnecolor的下拉列表不会隐藏

我想使用单选按钮列表，但无法在单选按钮列表项之间插入下拉列表

<asp:RadioButton ID="rbtnFullColor" Text="Full-Color" runat="server" GroupName="rbtnlistColors" /><br />
<asp:RadioButton ID="rbtnTwoColor" Text="Two-Color" data-toggle="collapse" data-target="#twocolor" runat="server" GroupName="rbtnlistColors" /><br />
<div id="twocolor" class="collapse">
    <asp:DropDownList ID="ddlTwoColor" runat="server"></asp:DropDownList>
</div>
<asp:RadioButton ID="rbtnOneColor" Text="One-Color" data-toggle="collapse" data-target="#onecolor" runat="server" GroupName="rbtnlistColors" /><br />
<div id="onecolor" class="collapse">
    <asp:DropDownList ID="ddlOneColor" runat="server"></asp:DropDownList>
</div>

---

对于“选择单选按钮时显示/隐藏”下拉列表，您可以使用以下方式：

1：在客户端使用jquery：

$document.readyfunction{ $'rbtnTwoColor'。更改 作用{ 如果$this.is'：选中'{ $'twocolor'。显示； $'onecolor'。隐藏； } }; $'rbtnOneColor'。更改 作用{ 如果$this.is'：选中'{ $'onecolor'。显示； $'twocolor'。隐藏； } }; };

---

很抱歉，两种解决方案都不起作用。当我使用客户端脚本时，单选按钮和下拉列表保持不变。每当我选择另一个单选按钮时，dropdownlist不会隐藏。反之亦然另一方面，我尝试运行服务器端事件，每当我选择另一个单选按钮时，页面就会刷新。我想这是因为我有AutoPostBack=true，但我把它设为false，它不会做任何事情如果你不想刷新页面，你不应该使用服务器端事件。因此，您说客户端方法不起作用，可能是因为jquery没有添加引用。如果不添加引用、为jquery添加引用或使用javascript方法，请选中它。javascript解决方案可以工作，但我遇到了一个新问题。每当我在选择RBTNONECROE之后选择rbtnTwoColor时，都会发生以下情况：。