icheck多色图解

时间:2016-11-21 03:35:14

标签: css icheck

我想使用iCheck插件(http://icheck.fronteed.com/)来显示自定义复选框,我在官方网站上提到了示例,但我发现它无法在单页上显示多色架构。

有人可以帮我查一下吗?

是否可以显示以下风格?

multi color schema style

任何帮助都要提前感谢。

1 个答案:

答案 0 :(得分:0)

            <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'
            });
        });