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

Question

有人在使用 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">

Answer 1

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

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