Question

使用此标记

<asp:CheckBoxList ID="chbStatus" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow"></asp:CheckBoxList>

页面中的html渲染是这样的：

<span id="uit_ycw283_Widget283_ctl00_chbStatus">
    <input id="uit_ycw283_Widget283_ctl00_chbStatus_0" type="checkbox" name="uit$ycw283$Widget283$ctl00$chbStatus$0" value="1">
    <label for="uit_ycw283_Widget283_ctl00_chbStatus_0">Something</label>
...
</span>

我在我的应用程序中使用bootstarp 有没有办法将最终的rendred html更改为对bootstrap更有用像这样的东西：

<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox1" value="option1"> 1
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox2" value="option2"> 2
</label>
<label class="checkbox-inline">
  <input type="checkbox" id="inlineCheckbox3" value="option3"> 3
</label>

Answer 1

添加ClientIDMode =“静态”

<asp:CheckBoxList ID="chbStatus" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" ClientIDMode="Static"></asp:CheckBoxList>

更改Checkboxlist呈现的html

1 个答案: