希望你们都做得很好。我在这里有一个关于动态地将css应用到checkboxlist中的问题。 以下是我想与您分享的信息。
HTML代码:
match
C#代码:
<label class="checkbox-inline">
<asp:CheckBoxList ID="chklstFSOptions" runat="server" RepeatDirection="Horizontal">
</asp:CheckBoxList>
</label>
我收到的HTML输出:
chklstFSOptions.DataSource = dt;
chklstFSOptions.DataTextField = "FitnessOption";
chklstFSOptions.DataValueField = "FitnessOption";
chklstFSOptions.DataBind();
foreach (ListItem item in chklstFSOptions.Items)
{
//item.Attributes.Add("class", "badge");
item.Text = "<span class=\"badge\">" + item.Value + "</span>";
//chklstFSOptions.Items.Add(item);
}
我想要的输出:
<label class="checkbox-inline">
<table id="MainPlaceHolder_chklstFSOptions">
<tr>
<td>
<input id="MainPlaceHolder_chklstFSOptions_0" type="checkbox" name="ctl00$MainPlaceHolder$chklstFSOptions$0" value="Gym" />
<label for="MainPlaceHolder_chklstFSOptions_0">
<span class="badge">Gym</span>
</label>
<input id="MainPlaceHolder_chklstFSOptions_1" type="checkbox" name="ctl00$MainPlaceHolder$chklstFSOptions$1" value="Yoga" />
<label for="MainPlaceHolder_chklstFSOptions_1">
<span class="badge">Yoga</span>
</label>
</td>
</tr>
</table>
</label>
如何获得我想要的输出?
任何帮助将不胜感激。提前谢谢。