解决单选按钮存在属性为checked却没有选中的问题

我在编辑以下代码时，发现单选按钮（即.radio）在设置checked属性后，会出现开发者工具中Elements中有checked值，但是单选按钮却没有选中的问题。

$('.allSelectRadio').click(()=>{
    if($('.allSelectRadio').attr('checked')){
        $('.allSelectRadio').removeAttr('checked')
        $('.radio').removeAttr('checked')
    }else{
        $('.allSelectRadio').attr('checked',true)
        $('.radio').attr('checked',"checked")
    }
})

解决方法：把attr改成prop即可。

$('.allSelectRadio').click(()=>{
    if($('.allSelectRadio').attr('checked')){
        $('.allSelectRadio').removeAttr('checked')
        $('.radio').removeAttr('checked')
    }else{
        $('.allSelectRadio').attr('checked',true)
        $('.radio').prop('checked',"checked")
    }
})