Javascript 将样式应用于选中的单选按钮'；父母

因此，我在

元素中有一系列单选按钮。我试图在所说的
上创建一个边框，但仅当选中其子单选按钮时

在jQuery中，我有一个折衷的解决方案：

$('input[type="radio"]').change(function() {
    if($(this).is(':checked')) 
    { 
        $(this).parent().css('border', '1px solid black');
    } 
    else 
    {
        $(this).parent().css('border', 'none');
    }
});

但是，这只会添加样式，但在选择单选按钮中的其他选项时不会删除样式。因此，如果单击所有选项，它们最终都会应用样式

我可以在这里做什么？
每当更改单选按钮时，您必须删除其他LI元素上的样式


var lis=$（'input[type=“radio”]”）。更改（函数（）{
lis.css（'border'，'none'）；
如果（$（this）.is（':checked'）{
$（this.parent（）.css（'border'，'1px纯黑'）；
} 
}).parent（）；//获取所有父项





这应该是唯一的答案：）