单选框默认选中问题

项目中有点击一行出现弹窗,里面要显示交互交互后返回的单选情况;

使用jq的attr和prop方法发现第一次默认有效,第二次就无效了,有时有效,有时无效,就算使用removeAttr将多余的checked属性删除也不能正常显示,就像碰运气一样的效果不是我想要的

最后发现将jq的DOM对象转换为js的DOM对象,使用DOM.checked = true就可以了

$('.shiftsRadio1').eq(0).find('input:radio').get(0).checked = true;

或

$('.shiftsRadio1').eq(Number(data.shiftsnumber) - 1).find('input:radio[value='+data.shifts+']')[0].checked = true;

重点:将jq的dom转换为原生的dom