在ASP.NET RadioButtonList ListItem上设置CSS类

发布时间：2020-12-15 18:50:11 所属栏目：asp.Net 来源：网络整理

导读：有没有办法在单选按钮列表中的输入项上设置CSS类？我想在jQuery中通过类来引用这些表单值。给定一个ASP.NET RadioButtonList与ListItems上设置的类： asp:RadioButtonList ID="RadioButtonList" runat="server" asp:ListItem class="myClass" Text="Yes" Va

有没有办法在单选按钮列表中的输入项上设置CSS类？我想在jQuery中通过类来引用这些表单值。

给定一个ASP.NET RadioButtonList与ListItems上设置的类：

<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’类中的所有单选按钮。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!