Select 选择功能中的第一个单选按钮

我正在使用以下单选按钮筛选一系列项目：

<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

这一切都很好，除了一件事：我希望每个类别（数字和字母）中的第一个单选按钮在页面加载时自动选择。我希望这些选择能够反映在过滤器中。例如，在本例中，在页面加载中，我希望看到类为1&a的项

---

有什么想法吗？

使用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

数字

1

2

字母

a

B

是否有任何方法可以动态执行此操作？这样，无论值是多少，第一个单选按钮都将始终处于选中状态。而且，这仍然不会激活过滤器，因为它不会触发更改。

$(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();
    });
});

<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