ASP.NET - 设置 CheckBoxList 输入标记“class”属性

Question

我正在使用 asp.net 4.0 应用程序，我想知道是否可以在由复选框列表控件创建的复选框（输入标记）上设置类属性。

以下代码的作用是将输入标记包装在 span 标记中，并将该类应用于该标记：

foreach (ListItem li in CheckBoxList1.Items)
{
   li.Attributes.Add("class", "check-if-dirty");
}

创建：

<span class="check-if-dirty"><input id="MainContent_CheckBoxList1_0" type="checkbox" name="ctl00$MainContent$CheckBoxList1$0" value="a" /><label for="MainContent_CheckBoxList1_0">a</label></span>

我想要的是：

<span><input class="check-if-dirty" id="MainContent_CheckBoxList1_0" type="checkbox" name="ctl00$MainContent$CheckBoxList1$0" value="a" /><label for="MainContent_CheckBoxList1_0">a</label></span>

谢谢。

Answer 1

我知道 jQuery 没有在这里标记，但如果您恰好可以选择使用这个库，这里有一些简单的代码可以实现这一点。

$("span.check-if-dirty").each(function() {
    $(this).children("input").addClass("check-if-dirty");
});

可能有一种方法可以通过扰乱页面生命周期的 PreRender 部分来让 asp.net 完成您想要的操作。如果这个答案不适合您，您可以研究一下。抱歉，我无法提供更好的帮助。

Answer 2

使用 CSS，只要该类只是在复选框上设置属性而不是用作某些 JQuery 的选择器，您就可以做到这一点。例如设置一个大复选框的属性：

css文件：

.BigCheckbox input[type="checkbox"] {
    width:20px;
    height:20px;
}

aspx页面：

<asp:CheckBox ID="CheckBoxSelect" runat="server" CssClass="BigCheckbox"/>