需要帮助将单选按钮从 html 转换为 aspx答案

【问题标题】：need help converting radio button from html to aspx需要帮助将单选按钮从 html 转换为 aspx
【发布时间】：2021-07-30 06:06:17
【问题描述】：

谁能帮我把它转换成aspx？我尝试添加 asp:radiobutton 和 runat='server' 但不会勾选单选按钮。

<div class="col-12 pt-2 ps-3">Temperature</div>
<div class="col-lg-4 col-6">
   <input type="radio" class="btn-check" name="options" id="temperature_0" autocomplete="off">
   <label class="btn btn-secondary w-100 p-lg-3 p-3" for="temperature_0">below 36&deg;C</label>
</div>
                
<div class="col-lg-4 col-6">
   <input type="radio" class="btn-check" name="options" id="temperature_1" autocomplete="off" checked>
   <label class="btn btn-secondary w-100 p-lg-3 p-3" for="temperature_1">36&deg;C - 37&deg;C</label>
</div>
                
<div class="col-lg-4 col-6 pt-lg-0 pt-2">
   <input type="radio" class="btn-check" name="options" id="temperature_3" autocomplete="off">
   <label class="btn btn-secondary w-100 p-lg-3 p-3" for="temperature_3">above 37&deg;C</label>
</div>

【问题讨论】：

标签： html asp.net

【解决方案1】：

好吧，您可以并且可以按照您的方式添加该标记 - 它会起作用，但随后连接背后的事件代码， - 并不是那么好。

代替多个输入（作为收音机），并使用相同的 ID？这确实给了你一个选择。但在 asp.net 中，最好使用我们所说的 RadioButton 列表。

所以，我建议采用这种方法：

      <style>
            .MyRadio label
                {
                  margin-left: 8px;
                  margin-right:20px;
                }
        </style>

        <asp:RadioButtonList ID="RadioButtonList1" runat="server" cssclass="MyRadio" RepeatDirection="Horizontal"
            >
            <asp:ListItem>below 36&deg;C</asp:ListItem>
            <asp:ListItem Selected="True">36&deg;C - 37&deg;C</asp:ListItem>
            <asp:ListItem>above 37&deg;C</asp:ListItem>
        </asp:RadioButtonList>

你会得到这个：

您可以将列表设置为水平或垂直 - 您可以选择。 Ver垂直，只需删除Horizontal标签，因此：

        <asp:RadioButtonList ID="RadioButtonList1" runat="server" cssclass="MyRadio">
            <asp:ListItem>below 36&deg;C</asp:ListItem>
            <asp:ListItem Selected="True">36&deg;C - 37&deg;C</asp:ListItem>
            <asp:ListItem>above 37&deg;C</asp:ListItem>
        </asp:RadioButtonList>

将呈现如下：

【讨论】：