js控制单选框回显状态

最近做项目遇到的一个小问题，页面多个地方使用同一个弹窗页面，当前一个页面选中单选按钮A,后一个页面选中单选按钮Bhou,弹窗页面根据操作不同展示对应的单选按钮选中状态，例如，前一个操作点击出现弹窗展示单选按钮中的A按钮选中状态，后一个页面点击出现弹窗展示单选按钮中的B按钮选中状态,但是回显效果和想要的效果对不上，代码上选中属性checked已删除，但是选中样式还在页面，比如本来应该展示A按钮，但是页面展示的是B按钮

$(".sjyy_ul input[name='sjyy'][data-xr=" + xuanran[0] + "]").attr("checked", "checked").prop("checked", true).trigger("change");