javascript - Datagrid 中的 Bootstrap 开关

Question

我在 ASP.Net VB 中渲染数据网格，我想合并 Bootstrap 开关，但只能定位一行

HTML:

<asp:TemplateColumn HeaderText="Allow text" ItemStyle-Width="1px" HeaderStyle-Width="1px">
   <ItemTemplate>
       <asp:CheckBox ID="cbtxt" runat="server" Checked='<%# Container.DataItem("allowtxt")%>'/>
   </ItemTemplate>          
</asp:TemplateColumn>

JQUERY:

$("[id='ContentPlaceHolder1_dgNames_cbtxt_1']").bootstrapSwitch();

我只能通过访问 chrome 开发人员控制台来让一个工作，当我尝试在最后删除“1”时，它没有工作，它只有在我有完整的 ID 时才工作，仅此而已。有办法解决这个问题吗？!

显示

控制台

Answer 1

我的问题的答案可以在 here 上找到.我添加到 <asp:checkbox> 的类(class)页面呈现时未被拾取。因此，引用@Mark 和上面的链接，在初始化 Bootstrap Switch 之前，我只是通过 JQuery 向复选框添加了一个类:

$("input[type=checkbox]").addClass("switch");
    $(".switch").bootstrapSwitch();