选中设置单选按钮 - 标签不会改变

Question

I'd like to remove and set a radio button checked. In the snippet it works like a charm but on localhost it doesn't. The input gets checked though but the label doesn't change. If I set another radio button (eq #b) as checked, the label changes.

Here is the JSFiddle.

$('#a').attr('checked', false);
$('#a').attr('checked', true);

input:checked + label {
  /* background-color, font-size, etc. */
}

Answer 1

use .prop instead of .attr , latter will result in html like `checked=false" not a removel of checked property.

Edit: The underlying problem is that OP used .attr on two radios of the same name, .attr does not ever remove the porperty checked. That ends up giving you two radios which are checked, that is invalid.