我想使用iCheck插件(http://icheck.fronteed.com/)来显示自定义复选框,我在官方网站上提到了示例,但我发现它无法在单页上显示多色架构。
有人可以帮我查一下吗?
是否可以显示以下风格?
任何帮助都要提前感谢。
答案 0 :(得分:0)
<ul class="form-group">
<li class="checkbox"><input name="one" type="checkbox" value="one"/> one</li>
<li class="checkbox"><input name="two" type="checkbox" value="two"/> two</li>
<li class="checkbox"><input name="three" type="checkbox" value="three"/> three</li>
<li class="checkbox"><input name="four" type="checkbox" value="four"/> four</li>
</ul>
$(document).ready(function(){
$('input[name="one"]').iCheck({
checkboxClass:'icheckbox_square-green',
radioClass:'iradio_square'
});
$('input[name="two"]').iCheck({
checkboxClass:'icheckbox_square-pink',
radioClass:'iradio_square'
});
$('input[name="three"]').iCheck({
checkboxClass:'icheckbox_square-orange',
radioClass:'iradio_square'
});
$('input[name="four"]').iCheck({
checkboxClass:'icheckbox_square-blue',
radioClass:'iradio_square'
});
});