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