icheck 多色模式
icheck multi color schema
我想用iCheck插件(http://icheck.fronteed.com/)显示自定义复选框,我参考了官网的示例,但我发现它无法在单页显示多色模式。
谁能帮我查一下?
是否可以显示以下样式?
multi color schema style
如有帮助,提前致谢。
<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'
});
});
我想用iCheck插件(http://icheck.fronteed.com/)显示自定义复选框,我参考了官网的示例,但我发现它无法在单页显示多色模式。
谁能帮我查一下?
是否可以显示以下样式?
multi color schema style
如有帮助,提前致谢。
<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'
});
});