将CSS动态添加到c#中的checkboxlist中

时间:2017-05-28 12:09:55

标签: c# asp.net checkboxlist

希望你们都做得很好。我在这里有一个关于动态地将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>

如何获得我想要的输出?

任何帮助将不胜感激。提前谢谢。

0 个答案:

没有答案