Question

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

以下操作是将输入标记包装在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");
});

可能有办法让asp.net asp.net通过在页面生命周期的PreRender部分搞乱来做你想做的事情。如果这个答案对你不起作用，你可以考虑一下。对不起，我无法提供更好的帮助。

Answer 2

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

css文件：

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

aspx页面：

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

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

2 个答案: