2016-11-21 122 views
0

我想使用iCheck插件(http://icheck.fronteed.com/)显示自定义复选框,我参考了官方网站上的示例,但我发现它无法在单个页面上显示多色模式。icheck多种颜色模式

任何人都可以帮我检查一下吗?

是否可以显示以下样式?

multi color schema style

任何帮助是提前感谢。

+0

你能展示出你现在做的部分代码吗? 我猜不出你的代码中有什么问题。 – Anami

+0

@Anami对不起,我误解了示例代码,问题解决了。谢谢。 – AndyWang

回答

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