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

标签 javascript jquery css

我引用了 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>

最佳答案

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

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

您使用哪种文档类型?

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

关于javascript - 如何使复选标记的颜色不同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16337970/

相关文章:

javascript - 隐藏多个 HTML 元素并显示它们或将它们附加到单独的部分

javascript - NodeJS async/await 问题 - 访问函数参数

javascript - jquery基于滚动的隐藏/显示

javascript - 'Bar with negative stack' : this. point.stackTotal 中的格式化程序具有错误的值(错误?)

javascript - ExtJS 5 : Setting initialized config variables won't stick after setting from controller

javascript - 莫里斯线图日期拒绝强制在 Rails 应用程序中字符串

javascript - 为什么要将空对象传递给 jQuery 的扩展方法?

html - Internet Explorer 8 无法正确显示搜索表单

javascript - IE8 幻灯片图像圆 Angular 解决方案?

html - 仅使用 css3 的自适应宽度布局?