javascript - prettycheckable-使用第一个复选框的数据设置所有标签

在使用prettycheckable之前有人遇到过这个问题吗？我有一系列复选框或单选按钮，它们都有不同的（data-label =“”），但是当我测试页面时，所有标签都使用第一个元素中的（data-label =“”） 。

 <script>
     $('input.prettyCheckable').prettyCheckable();
 </script>

和

 <input class="prettyCheckable" value="option1" id="option1" data-label="Option 1" type="radio">
 <input class="prettyCheckable" value="option2" id="option2" data-label="Option 2" type="radio">
 <input class="prettyCheckable" value="option3" id="option3" data-label="Option 3" type="radio">
 <input class="prettyCheckable" value="option4" id="option4" data-label="Option 4" type="radio">

最佳答案

如文档所述，您需要在每个输入上调用.prettyCheckable。

jQuery(document).ready(function() {
 jQuery('input:radio').each(function(){
  $(this).prettyCheckable();
 });
});