当jquery设置checked属性时，检测已检查单选按钮的CSS不起作用

Question

我有以下css使用after pesudo元素创建一些自定义单选按钮：

.estimate-forms .special-smallradio:checked + label:after{content: '';width: 12px;height: 12px;border-radius: 50px;position: absolute;top: 3px;background: #99a1a7; left:3px; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);}

当用户手动点击单选按钮时，它可以正常工作。但是有一个实例，我需要通过使用Jquery更改其属性来标记单选按钮。

$(".special-smallradio").attr("checked",true);

检测到单选按钮被检查的我的css都没有工作。如果我想做什么可能有任何想法吗？

编辑：

这是我的单选按钮的html。就像我刚才提到的那样，它们是自定义单选按钮，可能会导致问题。

<input type="radio" name="dates[0]['response']" value="0" class="special-smallradio" id="date_0_0"/> <label for="date_0_0"></label>
<input type="radio" name="dates[0]['response']" value="1" class="special-smallradio" id="date_0_1"/> <label for="date_0_1"></label>

Answer 1

尝试将其设置为attr('checked', true)

，而不是设置'checked'

我以前遇到过同样的问题，发现这个问题有效：

$(this).parent().find('a.active input:radio').attr('checked','checked');