在 ASP.NET RadioButtonList ListItem 上設置 CSS 類

有沒有辦法在單選按鈕列表中的輸入項上設置 CSS 類？我想在 jQuery 中按類引用這些表單值。

給定一個在 ListItems 上設置類的 ASP.NET RadioButtonList：

<asp:RadioButtonList ID="RadioButtonList" runat="server">
     <asp:ListItem class="myClass" Text="Yes" Value="1" />
     <asp:ListItem class="myClass" Text="No" Value="0" />
</asp:RadioButtonList>

將呈現為：

<span id="RadioButtonList" class="radioButtonListField myClass">
    <span class="myClass">
         <input id="RadioButtonList_0" type="radio" value="1" 
              name="RadioButtonList"/>
         <label for="RadioButtonList_0">Yes</label>
    </span>
    <span class="myClass">
         <input id="RadioButtonList_1" type="radio" value="0" 
              name="RadioButtonList"/>
         <label for="RadioButtonList_1">No</label>
    </span>
</span>

不幸的是，“myClass”類被添加到<span>包含單選按鈕項目的類中，而不是它<input>本身。我怎麼能讓它看起來像這樣：

<span id="RadioButtonList" class="radioButtonListField myClass">
    <span>
         <input id="RadioButtonList_0" class="myClass" type="radio" value="1" 
              name="RadioButtonList"/>
         <label for="RadioButtonList_0">Yes</label>
    </span>
    <span>
         <input id="RadioButtonList_1" class="myClass" type="radio" value="0" 
              name="RadioButtonList"/>
         <label for="RadioButtonList_1">No</label>
    </span>
</span>

（這甚至沒有涉及將類添加到動態綁定的 RadioButtonLists 的問題。）

是的，RadioButtonList 呈現可怕的 HTML。

無論如何，從 jQuery 中獲取它們仍然很容易。

嘗試

$('span.myclass input:radio')

上面將獲得類“myclass”的跨度內的所有單選按鈕。

引用自：https://stackoverflow.com/questions/1070960