jquery - 突出显示复选框

Question

我在表格中有单选按钮。单击时，我希望相邻的单元格变为绿色。
我能够使用 JQuery 在 $.change 事件上添加“突出显示”类来实现此目的。

我的问题是有时页面加载时已经设置了“checked”属性。我如何使用 JQuery 来定位页面加载时已经具有“checked”属性的所有单选按钮元素？这是我尝试过的方法，但似乎没有用。

JQUERY

$('input:radio').ready(function() {
    if($(this).is(':checked')){
        $(this).parent().addClass('highlight');
        var $td = $(this).parent();
        $td.siblings().removeClass('highlight');
        $td.next().addClass('highlight');
    }   
});

CSS

#sort td.highlight {background: #33FF99;}

Answer 1

要遍历所有单选按钮，请使用 each 函数:

$(文档).ready(函数(){
$('input:radio').each(函数(i,e) {
如果($(e).is(':checked')){
$(e).parent().addClass('高亮');
var $td = $(e).parent();
$td.siblings().removeClass('highlight');
$td.next().addClass('高亮');
}
});
});