1

私はRadioButtonList好きです：

<asp:RadioButtonList ID="rbl1" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" SelectedValue='<%#Bind("A1") %>'>
  <asp:ListItem runat="server" Text="1" Value="1" class="radiobuttonlist"></asp:ListItem>
  <asp:ListItem runat="server" Text="2" Value="2" class="radiobuttonlist"></asp:ListItem>
  <asp:ListItem runat="server" Text="3" Value="3" class="radiobuttonlist"></asp:ListItem>
  <asp:ListItem runat="server" Text="4" Value="4" class="radiobuttonlist"></asp:ListItem>
  <asp:ListItem runat="server" Text="5" Value="5" class="radiobuttonlist"></asp:ListItem>
</asp:RadioButtonList>

1 の に赤、2 の に黄色、3 の に緑などを適用したいのですがListItem、どうvalueすればよいですか?ListItemvalueListItemvalue

ASP.Net Web フォームを使用しています。jQuery か CSS のどちらでもかまいません。

問題は、10 を超えるラジオ ボタン リストがあることです。上記の質問で述べたように、それらすべてに色を設定する必要があります。各ラジオ ボタン リストには明らかに異なる ID がありますが、すべてに 5 つのオプションがあります。このタスクを達成するための最良の方法は何ですか?

4

4 に答える 4

2

それぞれに異なる CSS クラスを与えてからListItem、その color.as を次のように定義できます。

ASP.NET:

<asp:ListItem runat="server" Text="1" Value="1" class="radiobuttonlist1"/>
<asp:ListItem runat="server" Text="2" Value="2" class="radiobuttonlist2"/>

CSS:

.radiobuttonlist1{
     color:red;
 }
.radiobuttonlist2{
     color:yellow;
 }
于 2013-07-11T06:23:42.690 に答える
2

または、コードビハインドでこれを使用できます：

foreach (ListItem i in rbl1.Items)
     if (i.Value == "1")
         i.Attributes["style"] = "color:red;";
     else if (i.Value == "2")
         i.Attributes["style"] = "color:yellow;";
于 2013-07-11T06:27:18.437 に答える
1

RadioButtonList10 個あり、それぞれに対して同じことをしたい場合は、5 個のそれぞれを分類してListItem、CSS で色を定義できます。2 つの例RadioButtonList:

<asp:RadioButtonList ID="rbl1" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" SelectedValue='<%#Bind("A1") %>'>
<asp:ListItem runat="server" Text="1" Value="1" class="radiobuttonlist1"/>
<asp:ListItem runat="server" Text="2" Value="2" class="radiobuttonlist2"/>
<asp:ListItem runat="server" Text="3" Value="3" class="radiobuttonlist3"/>
<asp:ListItem runat="server" Text="4" Value="4" class="radiobuttonlist4"/>
<asp:ListItem runat="server" Text="5" Value="5" class="radiobuttonlist5"/>
</asp:RadioButtonList>

<asp:RadioButtonList ID="rbl2" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" SelectedValue='<%#Bind("A1") %>'>
<asp:ListItem runat="server" Text="1" Value="1" class="radiobuttonlist1"/>
<asp:ListItem runat="server" Text="2" Value="2" class="radiobuttonlist2"/>
<asp:ListItem runat="server" Text="3" Value="3" class="radiobuttonlist3"/>
<asp:ListItem runat="server" Text="4" Value="4" class="radiobuttonlist4"/>
<asp:ListItem runat="server" Text="5" Value="5" class="radiobuttonlist5"/>
</asp:RadioButtonList>

そしてCSSで：

.radiobuttonlist1{
   color:red;
 }
.radiobuttonlist2{
   color:yellow;
 }
.radiobuttonlist3{
   color:green;
 }
.radiobuttonlist4{
   color:magenta;
 }
.radiobuttonlist5{
   color:blue;
 }
于 2013-07-11T14:17:55.157 に答える