javascript - 如何从单选按钮列表中更改已选择的单选按钮的颜色

我有一个单选按钮列表。最初，它的选定值被捕获并存储到数据库中。当我重新访问该页面时，以前选择的单选按钮将显示为选中状态。现在，我想用其他颜色更改/突出显示所选按钮。

<asp:RadioButtonList RepeatColumns="5" class="style_radio"   ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal"
    RepeatLayout="Table"  Width="100%">
    <asp:ListItem Text=""  Value="1000"></asp:ListItem>
    <asp:ListItem Text=""  Value="2000"></asp:ListItem>
    <asp:ListItem Text=""  Value="3000"></asp:ListItem>
    <asp:ListItem Text="" Value="4000"></asp:ListItem>
    <asp:ListItem  Text="" Value="5000"></asp:ListItem>
</asp:RadioButtonList>

在页面加载中，我写的如下

SqlCommand cmd = new SqlCommand("Select selected_salary from staff_details where staff_id="ACD11" ", con6);
SqlDataReader dr2 = cmd.ExecuteReader();
if (dr2.HasRows == true)
{
    while (dr2.Read())
    {
         string salary = dr2[0].ToString();
        RadioButtonList rb = (RadioButtonList)Page.FindControl("RadioButtonList1");
        rb.SelectedValue = salary;

    }
}

最佳答案

如果我了解您的要求，那么目的是更改选中的单选按钮的颜色/外观，对吗？在这种情况下，您可以只定义选中的单选按钮的CSS，例如：

[type="radio"]:checked
{
     width: 16px;
     height: 16px;
     background-image:  ...
}

希望能有所帮助。