首页 > 解决方案 > 选中单选按钮 - 标签不会改变

问题描述

我想删除并设置一个选中的单选按钮。在片段中,它就像一个魅力,但在 localhost 上却没有。虽然输入被检查,但标签没有改变。如果我将另一个单选按钮 (eq #b) 设置为选中,则标签会更改。

是JSFiddle。

$('#a').attr('checked', false);
$('#a').attr('checked', true);
input:checked + label {
  /* background-color, font-size, etc. */
}

标签: javascriptjqueryhtmlcssradio-button

解决方案


使用.prop而不是.attr, 后者将导致像 `checked=false" 这样的 html 而不是检查属性的删除。

编辑:根本问题是.attr在两个同名收音机上使用的OP.attr不会删除检查的属性。最终会为您提供两个已检查的无线电,这是无效的。


推荐阅读