twitter bootstrap 复选框 html 无法正常运行答案

【问题标题】：twitter bootstrap checkboxes html doesn't function properlytwitter bootstrap 复选框 html 无法正常运行
【发布时间】：2012-06-29 11:25:23
【问题描述】：

由于某种原因，当我使用 jquery 生成它来填充我的表时。复选框不会像 twitter bootstrap 那样出现。

<tr>
  <td align="center">
    <label class="checkbox inline">
      <input id="cbox" type="checkbox" name="CheckGroup1" value="somenumber"; />
    </label>
  </td>
  <td align="center">
  <label class="radio">
    <input id= "box" type="radio" name="RadioGroup1" value="somenumber" />
  </label>
  </td>
</tr>

【问题讨论】：

两秒钟，我去拿我的水晶球……到底是什么问题，你说的“不要像他们应该的那样出来”是什么意思
它们只是普通的复选框和单选按钮，而不是引导程序类型。并且我已经正确应用了 css b/c 表格通过引导程序正确显示
一个示例 (jsFiddle) 将非常有助于实际查看/演示出了什么问题。
Bootstrap 不会改变复选框和单选按钮；他们只是为填充、垂直对齐等设置值。您期望结果是什么？此外，您的 jsfiddle 演示似乎无法正常工作；呈现的 HTML 中没有出现复选框或单选按钮
啊，是的，我在 jsfiddle 中犯了一些错误，但是它不会改变外观吗？就像在网站上一样，它从普通的复选框变为泡沫状的复选框。

标签： html twitter-bootstrap

【解决方案1】：

查看您在 Google Chrome 中发布的小提琴时，然后使用 Chrome 的调试器 (F12)，然后在调试器中查看控制台，您可能会发现以下错误：

Uncaught SyntaxError: Unexpected token ILLEGAL

语法错误指向这里：

attributes = ['blah", "blah", "blah", "blah...

所以在数组中的第一个blah 项目中，封闭的引号是混合的：单引号和双引号。但是如果你把它改成：

attributes = ["blah", "blah", "blah", "blah...

...那么您的 html 应该正确呈现，就像您的小提琴的以下分支一样。 http://jsfiddle.net/cykm5/4/

这就是您所说的“复选框没有按应有的方式显示...”的意思吗？

【讨论】：