選擇功能

Question

中的第一個單選按鈕我使用下面的單選按鈕來篩選一系列項目：

<label>Numbers</label><br/> 
<input type="radio" name="number" value="1">1<br/> 
<input type="radio" name="number" value="2">2<br/> 
<label>Letters</label><br/> 
<input type="radio" name="letter" value="a">a<br/> 
<input type="radio" name="letter" value="b">b 

該項目的標記看起來是這樣的：

<ul class="all-options"> 
    <li class="1 a"> 
     <h3>Price</h3> 
     <h2>$1000</h2> 
    </li> 
    <li class="1 b"> 
     <h3>Price</h3> 
     <h2>$1500</h2> 
    </li> 
    <li class="2 a"> 
     <h3>Price</h3> 
     <h2>$1200</h2> 
    </li> 
    <li class="2 b"> 
     <h3>Price</h3> 
     <h2>$1300</h2> 
    </li> 
</ul> 

而且我m使用此功能可根據更改事件進行過濾：

$(function() { 
    $('input[type="radio"]').on('change', function() { 
     var number = $("[name='number']:checked").val(); 
     var letter = $("[name='letter']:checked").val(); 
     $("li").hide(); 
     $("li").filter(function (index) { 
     return $(this).hasClass(number) && $(this).hasClass(letter); 
     }).show(); 
    }); 
}); 

除了一件事情之外，這一切都很好：我想要第一個r每個類別中的adio按鈕（編號爲&字母）在頁面加載時自動選擇。而且，我希望將這些選擇反映在過濾器中。所以，在這種情況下，例如，在頁面加載時，我希望看到具有類別1 & a的項目。

任何想法？

Answer 1

使用checked屬性，就像這樣：

<label>Numbers</label><br/> 
<input type="radio" name="number" value="1" checked>1<br/> 
<input type="radio" name="number" value="2">2<br/> 
<label>Letters</label><br/> 
<input type="radio" name="letter" value="a" checked>a<br/> 
<input type="radio" name="letter" value="b">b