ブラウザバックをした際にラジオボタンのチェックを初期値に戻す

Question

A,Bのページを作り、その2ページをラジオボタンで遷移できるサイトを作成中です。
A→Bに切り替えるとページ自体は切り替わるのですが、ブラウザバックをするとボタンのチェックがBに入ったままになってしまいます。B→Aも然りです。

ブラウザバックをすると初期のチェックに戻す方法はありますでしょうか？

↓これを使うことまでは分かったのですが。。よろしくお願いいたします。
window.onpageshow = function(event) {
if (event.persisted) {
// なんらかの処理
}
};

<div class="text-lg-right text-center pr-3 pt-2 pb-3">
            <input type="radio" name="switch" id="radio1" checked>
            <label for="radio1" class="radio1">A</label>
            <input type="radio" value="https://www.yahoo.co.jp/" onclick="location.href=this.value" name="switch" id="radio2">
            <label for="radio2" class="radio2">B</label>
        </div>

            input[type="radio"] {
                display: none;
            }            
            input[type="radio"]+label {
                display: inline-block;
                width: 100px;
                padding: 2px;
                margin: 5px -3px;
                background-color: #808080;
                text-align: center;
                font-size: 14px;
                color: #ffffff;
            }
            input#radio1+label {
                border-radius: 5px 0 0 5px;
            }
            input#radio2+label {
                border-radius: 0 5px 5px 0;
            }
            input[type="radio"]:checked+label {
                background-color: #000;
                transition: all 0.5s ease-out;
            }
            input[type="radio"]:not(:checked)+label:hover {
                background-color: #000;
                transition: all 0.5s ease-out;
            }

Answer 1

window.addEventListener('pageshow',()=>{
  document.querySelector('[type=radio][checked]').checked=true;
});

Comments

[yambejp]

対象のラジオボタンが複数あるなら工夫が必要
また初期値にcheckedが設定されていない場合も考慮が必要なのか仕様次第です

[mimiko_04]

無事にできました。ありがとうございました。。！