Javascript 选中后将边框添加到单选按钮的值（jquery/JS）

选中“是”单选按钮时，我想在“是”值中添加边框（不是轮廓）。我可以将

onchange

事件放在输入单选按钮上，但我无法向“YES”值添加边框，因为没有标签标签。如何使用jquery/javascript实现这一点

我试过了

$("input:radio[name='registered'][value='yes']").css("border","3px solid red");

但这甚至没有给复选框一个边框（只有当我改为大纲时才有效），更不用说复选框的值了。有什么想法吗？理想情况下，HTML文件将保持不变，所有更改都在js文件中进行。我看到的示例大多添加了标签标签或div，但这没有任何标签供我使用。我尝试了.value.css（），但它无效

<form name="input" method="get">
        <span>Registered:</span>
        <input type="radio" name="registered" value="yes">YES  
        <input type="radio" name="registered" value="no" checked disabled>NO
</form>

注册：
对
不

不需要javascript。您可以使用

：选中的

选择器。你也应该用span来包装你的文本

input[type=“radio”]：选中：未（：禁用）+span{
边框：2倍纯红；
}

注册：
对
不

您可以在YES或NO文本中使用任何元素

$（文档）.ready（函数（）{
$（“输入[type=radio]”。单击（函数（e）{
$（此）.next（“span”）.css（“边框”，“2px实心红色”）；
});
});

注册：
对
不
将文本包装在类似
的元素中是最简单的解决方案