無法在jQuery上運行.buttonset（）

Question

我有一些：由wordpress初始化的複選框元素。 現在我設定.buttonset（）函數來#format但這不是工作... 這樣的例子：http://jqueryui.com/button/#checkbox

HTML：

<div id="format"> 
    <?php 
    $categories = get_categories(); 
    foreach ($categories as $category) { ?> 
    <input type="checkbox" name="check" value="<?php echo $category->cat_ID; ?>"> 
    <label><?php echo $category->cat_name;?></label><?php } ?> 
</div> 

JS：

$('#format').buttonset(); 
$('input[type=checkbox]').removeClass('ui-helper-hidden-accessible'); 

$(':checkbox[name=check]').each(function(i){ 
    var nameID = 'check'+ (i+1); 
    this.id = nameID; 
    $(this).next('label').prop('for', nameID); 
}); 

Answer 1

你所有的複選框具有相同的名稱「檢查」。 試着這樣做：

<div id="format"> 
    <?php 
    $i = 0; 
    $categories = get_categories(); 
    foreach ($categories as $category) { ?> 
    <input type="checkbox" name="check<?php echo $i ?>" value="<?php echo $category->cat_ID; ?>"> 
    <label><?php echo $category->cat_name;?></label> 
    <?php 
     $i++; 
     } 
     ?> 
</div> 

然後在您的JS：

$(':checkbox[name^=check]').each(function(i){ 
    var nameID = 'check'+ (i+1); 
    this.id = nameID; 
    $(this).next('label').prop('for', nameID); 
}); 

然後jQuery將發現與名稱檢查開始，爲 「check1」， 「checkblabla」 等所有複選框... 「$（'＃format'）。buttonset（）;」需要在「換」之後來臨。 字體：

http://api.jquery.com/attribute-starts-with-selector/

編輯：

我覺得你並不真正需要改變與JS，你能做到這一點只用PHP，那麼：

<div id="format"> 
    <?php 
    $i = 0; 
    $categories = get_categories(); 
    foreach ($categories as $category) { ?> 
    <input type="checkbox" name="check<?php echo $i ?>" value="<?php echo $category->cat_ID; ?>"> 
    <label for="check<?php echo $i ?>"><?php echo $category->cat_name;?></label> 
    <?php 
     $i++; 
     } 
     ?> 
</div> 

然後在你的js：

$("#format").buttonset();