按字母順序對輸入單選框進行排序

-6

我想按字母順序對這些項目進行排序，但並未按照它的順序排列所有項目。你能給我一些想法，爲什麼它不工作？這是我的小提琴示例。按字母順序對輸入單選框進行排序

jsFiddle Link

handleAlphaOrder = function() { 
 
    var fieldItem = $('.field_item'); 
 
    var sorted = $(fieldItem.toArray().sort(function(a, b) { 
 
     return $(a).find('label').text() > $(b).find('label').text() 
 
    })); 
 

 
    fieldItem.each(function(i) { 
 
     $(this).after(sorted.eq(i)); 
 
    }); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="1" id="productspage-category-women"> 
 
    <label for="productspage-category-women">Women</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="1-2" id="productspage-category-womenbags"> 
 
    <label for="productspage-category-womenbags">Women's bags</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="1-4" id="productspage-category-jewellery"> 
 
    <label for="productspage-category-jewellery">Jewellery</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="2" id="productspage-category-men"> 
 
    <label for="productspage-category-men">Men</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="2-2" id="productspage-category-menbags"> 
 
    <label for="productspage-category-menbags">Men's bags</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="2-4" id="productspage-category-menshoes"> 
 
    <label for="productspage-category-menshoes">Men's shoes</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="3-1" id="productspage-category-baby"> 
 
    <label for="productspage-category-baby">Baby</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="3-3" id="productspage-category-girl"> 
 
    <label for="productspage-category-girl">Girl</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4" id="productspage-category-home"> 
 
    <label for="productspage-category-home">Home</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-2" id="productspage-category-bed"> 
 
    <label for="productspage-category-bed">Bed</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-5" id="productspage-category-kitchen"> 
 
    <label for="productspage-category-kitchen">Kitchen</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-7" id="productspage-category-lighting"> 
 
    <label for="productspage-category-lighting">Lighting</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-10" id="productspage-category-outdoor"> 
 
    <label for="productspage-category-outdoor">Outdoor</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5-1" id="productspage-category-haircare"> 
 
    <label for="productspage-category-haircare">Hair care</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5-3" id="productspage-category-mengrooming"> 
 
    <label for="productspage-category-mengrooming">Men's grooming</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5-6" id="productspage-category-skincare"> 
 
    <label for="productspage-category-skincare">Skincare</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6" id="productspage-category-lifestyle"> 
 
    <label for="productspage-category-lifestyle">Lifestyle</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-4" id="productspage-category-foodsupplements"> 
 
    <label for="productspage-category-foodsupplements">Food supplements</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-5" id="productspage-category-treatments"> 
 
    <label for="productspage-category-treatments">Treatments</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-6" id="productspage-category-electronics"> 
 
    <label for="productspage-category-electronics">Electronics</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="" id="productspage-category-all"> 
 
    <label for="productspage-category-all">All</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="1-1" id="productspage-category-womenaccessories"> 
 
    <label for="productspage-category-womenaccessories">Women's accessories</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="1-3" id="productspage-category-womenclothing"> 
 
    <label for="productspage-category-womenclothing">Women's clothing</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="1-5" id="productspage-category-womenshoes"> 
 
    <label for="productspage-category-womenshoes">Women's shoes</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="2-1" id="productspage-category-menaccessories"> 
 
    <label for="productspage-category-menaccessories">Men's accessories</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="2-3" id="productspage-category-menclothing"> 
 
    <label for="productspage-category-menclothing">Men's clothing</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="3" id="productspage-category-kids"> 
 
    <label for="productspage-category-kids">Kids</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="3-2" id="productspage-category-boy"> 
 
    <label for="productspage-category-boy">Boy</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="3-4" id="productspage-category-toys"> 
 
    <label for="productspage-category-toys">Toys</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-1" id="productspage-category-bath"> 
 
    <label for="productspage-category-bath">Bath</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-3" id="productspage-category-childrenhome"> 
 
    <label for="productspage-category-childrenhome">Children's home</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-6" id="productspage-category-furniture"> 
 
    <label for="productspage-category-furniture">Furniture</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-11" id="productspage-category-decor"> 
 
    <label for="productspage-category-decor">Decor</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5" id="productspage-category-beauty"> 
 
    <label for="productspage-category-beauty">Beauty</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5-2" id="productspage-category-makeup"> 
 
    <label for="productspage-category-makeup">Makeup</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5-5" id="productspage-category-perfume"> 
 
    <label for="productspage-category-perfume">Perfume</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5-8" id="productspage-category-healthbody"> 
 
    <label for="productspage-category-healthbody">Health &amp; body</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-1" id="productspage-category-fooddrinks"> 
 
    <label for="productspage-category-fooddrinks">Food &amp; drinks</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-2" id="productspage-category-yoga"> 
 
    <label for="productspage-category-yoga">Yoga</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-3" id="productspage-category-gadgets"> 
 
    <label for="productspage-category-gadgets">Gadgets</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-7" id="productspage-category-fitness"> 
 
    <label for="productspage-category-fitness">Fitness</label> 
 
</div>

來源

2016-04-27 divisionkiller

撥弄不工作 –

撥弄你是否意識到計算器具有相同的能力，爲的jsfiddle內置固定 – divisionkiller

？使用snipplets按鈕。 – epascarello

-2

你的排序工作，但你沒有看到的結果，因爲你是不正確的附加field-item發回給你的DOM。嘗試在所有field-item div（在下面的示例中爲radioGroup）添加一個包裝，然後附加到它，而不是嘗試覆蓋現有的div。重疊他們是什麼導致你的問題。

另外，在比較文本而不是>或<時，您應該使用localeCompare。 String.prototype.localeCompare()

試試這個：

handleAlphaOrder = function() { 
 
    var fieldItem = $('.field_item'); 
 
    var sorted = $(fieldItem.toArray().sort(function(a, b) { 
 
    //return $(a).find('label').text() > $(b).find('label').text() 
 
    return $(a).find('label').text().localeCompare($(b).find('label').text()); 
 
    })); 
 

 
    fieldItem.each(function(i) { 
 
    //$(this).after(sorted.eq(i)); 
 
    $('#radioGroup').append(sorted.eq(i)); 
 
    }); 
 
}; 
 

 
handleAlphaOrder();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="radioGroup"> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="1" id="productspage-category-women"> 
 
     <label for="productspage-category-women">Women</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="1-2" id="productspage-category-womenbags"> 
 
     <label for="productspage-category-womenbags">Women's bags</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="1-4" id="productspage-category-jewellery"> 
 
     <label for="productspage-category-jewellery">Jewellery</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="2" id="productspage-category-men"> 
 
     <label for="productspage-category-men">Men</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="2-2" id="productspage-category-menbags"> 
 
     <label for="productspage-category-menbags">Men's bags</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="2-4" id="productspage-category-menshoes"> 
 
     <label for="productspage-category-menshoes">Men's shoes</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="3-1" id="productspage-category-baby"> 
 
     <label for="productspage-category-baby">Baby</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="3-3" id="productspage-category-girl"> 
 
     <label for="productspage-category-girl">Girl</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="4" id="productspage-category-home"> 
 
     <label for="productspage-category-home">Home</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="4-2" id="productspage-category-bed"> 
 
     <label for="productspage-category-bed">Bed</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="4-5" id="productspage-category-kitchen"> 
 
     <label for="productspage-category-kitchen">Kitchen</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="4-7" id="productspage-category-lighting"> 
 
     <label for="productspage-category-lighting">Lighting</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="4-10" id="productspage-category-outdoor"> 
 
     <label for="productspage-category-outdoor">Outdoor</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="5-1" id="productspage-category-haircare"> 
 
     <label for="productspage-category-haircare">Hair care</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="5-3" id="productspage-category-mengrooming"> 
 
     <label for="productspage-category-mengrooming">Men's grooming</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="5-6" id="productspage-category-skincare"> 
 
     <label for="productspage-category-skincare">Skincare</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="6" id="productspage-category-lifestyle"> 
 
     <label for="productspage-category-lifestyle">Lifestyle</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="6-4" id="productspage-category-foodsupplements"> 
 
     <label for="productspage-category-foodsupplements">Food supplements</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="6-5" id="productspage-category-treatments"> 
 
     <label for="productspage-category-treatments">Treatments</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="6-6" id="productspage-category-electronics"> 
 
     <label for="productspage-category-electronics">Electronics</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="" id="productspage-category-all"> 
 
     <label for="productspage-category-all">All</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="1-1" id="productspage-category-womenaccessories"> 
 
     <label for="productspage-category-womenaccessories">Women's accessories</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="1-3" id="productspage-category-womenclothing"> 
 
     <label for="productspage-category-womenclothing">Women's clothing</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="1-5" id="productspage-category-womenshoes"> 
 
     <label for="productspage-category-womenshoes">Women's shoes</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="2-1" id="productspage-category-menaccessories"> 
 
     <label for="productspage-category-menaccessories">Men's accessories</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="2-3" id="productspage-category-menclothing"> 
 
     <label for="productspage-category-menclothing">Men's clothing</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="3" id="productspage-category-kids"> 
 
     <label for="productspage-category-kids">Kids</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="3-2" id="productspage-category-boy"> 
 
     <label for="productspage-category-boy">Boy</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="3-4" id="productspage-category-toys"> 
 
     <label for="productspage-category-toys">Toys</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="4-1" id="productspage-category-bath"> 
 
     <label for="productspage-category-bath">Bath</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="4-3" id="productspage-category-childrenhome"> 
 
     <label for="productspage-category-childrenhome">Children's home</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="4-6" id="productspage-category-furniture"> 
 
     <label for="productspage-category-furniture">Furniture</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="4-11" id="productspage-category-decor"> 
 
     <label for="productspage-category-decor">Decor</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="5" id="productspage-category-beauty"> 
 
     <label for="productspage-category-beauty">Beauty</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="5-2" id="productspage-category-makeup"> 
 
     <label for="productspage-category-makeup">Makeup</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="5-5" id="productspage-category-perfume"> 
 
     <label for="productspage-category-perfume">Perfume</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="5-8" id="productspage-category-healthbody"> 
 
     <label for="productspage-category-healthbody">Health &amp; body</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="6-1" id="productspage-category-fooddrinks"> 
 
     <label for="productspage-category-fooddrinks">Food &amp; drinks</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="6-2" id="productspage-category-yoga"> 
 
     <label for="productspage-category-yoga">Yoga</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="6-3" id="productspage-category-gadgets"> 
 
     <label for="productspage-category-gadgets">Gadgets</label> 
 
    </div> 
 
    <div class="field_item"> 
 
     <input type="radio" name="category" value="6-7" id="productspage-category-fitness"> 
 
     <label for="productspage-category-fitness">Fitness</label> 
 
    </div> 
 
</div>

來源

2016-04-27 13:52:11 Tricky12

-2

問題是，你永遠不會調用handleAlphaOrder，只有申報。

handleAlphaOrder = function() { 
 
    var fieldItem = $('.field_item'); 
 
    var sorted = $(fieldItem.toArray().sort(function(a, b) { 
 
    return $(a).find('label').text() > $(b).find('label').text() 
 
    })); 
 

 
    fieldItem.each(function(i) { 
 
    $(this).after(sorted.eq(i)); 
 
    }); 
 
}; 
 
handleAlphaOrder(); // Call function now

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="1" id="productspage-category-women"> 
 
    <label for="productspage-category-women">Women</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="1-2" id="productspage-category-womenbags"> 
 
    <label for="productspage-category-womenbags">Women's bags</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="1-4" id="productspage-category-jewellery"> 
 
    <label for="productspage-category-jewellery">Jewellery</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="2" id="productspage-category-men"> 
 
    <label for="productspage-category-men">Men</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="2-2" id="productspage-category-menbags"> 
 
    <label for="productspage-category-menbags">Men's bags</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="2-4" id="productspage-category-menshoes"> 
 
    <label for="productspage-category-menshoes">Men's shoes</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="3-1" id="productspage-category-baby"> 
 
    <label for="productspage-category-baby">Baby</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="3-3" id="productspage-category-girl"> 
 
    <label for="productspage-category-girl">Girl</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4" id="productspage-category-home"> 
 
    <label for="productspage-category-home">Home</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-2" id="productspage-category-bed"> 
 
    <label for="productspage-category-bed">Bed</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-5" id="productspage-category-kitchen"> 
 
    <label for="productspage-category-kitchen">Kitchen</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-7" id="productspage-category-lighting"> 
 
    <label for="productspage-category-lighting">Lighting</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-10" id="productspage-category-outdoor"> 
 
    <label for="productspage-category-outdoor">Outdoor</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5-1" id="productspage-category-haircare"> 
 
    <label for="productspage-category-haircare">Hair care</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5-3" id="productspage-category-mengrooming"> 
 
    <label for="productspage-category-mengrooming">Men's grooming</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5-6" id="productspage-category-skincare"> 
 
    <label for="productspage-category-skincare">Skincare</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6" id="productspage-category-lifestyle"> 
 
    <label for="productspage-category-lifestyle">Lifestyle</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-4" id="productspage-category-foodsupplements"> 
 
    <label for="productspage-category-foodsupplements">Food supplements</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-5" id="productspage-category-treatments"> 
 
    <label for="productspage-category-treatments">Treatments</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-6" id="productspage-category-electronics"> 
 
    <label for="productspage-category-electronics">Electronics</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="" id="productspage-category-all"> 
 
    <label for="productspage-category-all">All</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="1-1" id="productspage-category-womenaccessories"> 
 
    <label for="productspage-category-womenaccessories">Women's accessories</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="1-3" id="productspage-category-womenclothing"> 
 
    <label for="productspage-category-womenclothing">Women's clothing</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="1-5" id="productspage-category-womenshoes"> 
 
    <label for="productspage-category-womenshoes">Women's shoes</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="2-1" id="productspage-category-menaccessories"> 
 
    <label for="productspage-category-menaccessories">Men's accessories</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="2-3" id="productspage-category-menclothing"> 
 
    <label for="productspage-category-menclothing">Men's clothing</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="3" id="productspage-category-kids"> 
 
    <label for="productspage-category-kids">Kids</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="3-2" id="productspage-category-boy"> 
 
    <label for="productspage-category-boy">Boy</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="3-4" id="productspage-category-toys"> 
 
    <label for="productspage-category-toys">Toys</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-1" id="productspage-category-bath"> 
 
    <label for="productspage-category-bath">Bath</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-3" id="productspage-category-childrenhome"> 
 
    <label for="productspage-category-childrenhome">Children's home</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-6" id="productspage-category-furniture"> 
 
    <label for="productspage-category-furniture">Furniture</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="4-11" id="productspage-category-decor"> 
 
    <label for="productspage-category-decor">Decor</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5" id="productspage-category-beauty"> 
 
    <label for="productspage-category-beauty">Beauty</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5-2" id="productspage-category-makeup"> 
 
    <label for="productspage-category-makeup">Makeup</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5-5" id="productspage-category-perfume"> 
 
    <label for="productspage-category-perfume">Perfume</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="5-8" id="productspage-category-healthbody"> 
 
    <label for="productspage-category-healthbody">Health &amp; body</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-1" id="productspage-category-fooddrinks"> 
 
    <label for="productspage-category-fooddrinks">Food &amp; drinks</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-2" id="productspage-category-yoga"> 
 
    <label for="productspage-category-yoga">Yoga</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-3" id="productspage-category-gadgets"> 
 
    <label for="productspage-category-gadgets">Gadgets</label> 
 
</div> 
 
<div class="field_item"> 
 
    <input type="radio" name="category" value="6-7" id="productspage-category-fitness"> 
 
    <label for="productspage-category-fitness">Fitness</label> 
 
</div>

來源

2016-04-27 12:50:18 Justinas

看起來他的排序也不正確，但這是肯定的主要問題。 – Tricky12

是的，它不是按字母順序排序..我不知道爲什麼 – divisionkiller

你的sort（）函數不應該返回比較結果（或任何其他布爾結果）。根據字符串的值，它應該返回負值，零或正值。經常使用[localeCompare]的結果（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare）。 –

按字母順序對輸入單選框進行排序

回答

相關問題