javascript - 如何使复选标记的颜色不同？

Question

我引用了 prettyCheckable .并试图实现它。但是没有获得成功。我想像它一样实现复选框。任何人都可以帮助我。我用了 jsfiddle并应用以下代码。

<div class="input-wrapper">
<input type="checkbox" class="prettyCheckable" value="1" id="Test1" name="Test1" data-label="Right positioned label (no param)" />
</div>
<div class="input-wrapper">
<input type="checkbox" class="prettyCheckable" value="2" id="Test2" name="Test2" data-label='data-labelPosition="left"' data-labelPosition="left" />
</div>
<div class="input-wrapper">
<br/>
<div class="input-wrapper">
<input type="checkbox" class="prettyCheckable" value="1" id="color1" checked name="color1" data-label="Default (no-param)" />
</div>
<div class="input-wrapper">
<input type="checkbox" class="prettyCheckable" value="1" id="color2" checked name="color2" data-label='data-color="green"' data-color="green" />
</div>
</div>
</div>

Answer 1

会不会是文档类型的混淆？？

• 你正在做 /> => html4 doctype
• checked => html5 文档类型

您使用哪种文档类型？

那么你可以在加载 prettyCheckable 脚本之前检查是否加载了 jQuery？