css - icheck 多色模式

Question

我想用iCheck插件( http://icheck.fronteed.com/ )显示自定义复选框，我引用了官网的示例，但我发现它不能在单个页面上显示多色模式。

谁能帮我检查一下？

是否可以显示以下样式？

multi color schema style

如有任何帮助，请提前致谢。

Answer 1

            <ul class="form-group">
            <li class="checkbox"><input name="one" type="checkbox" value="one"/>&nbsp;&nbsp;one</li>
            <li class="checkbox"><input name="two" type="checkbox" value="two"/>&nbsp;&nbsp;two</li>
            <li class="checkbox"><input name="three" type="checkbox" value="three"/>&nbsp;&nbsp;three</li>
            <li class="checkbox"><input name="four" type="checkbox" value="four"/>&nbsp;&nbsp;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'
            });
        });