以下の例に示すように、基本的な 2 つのラジオ ボタン フォームを作成しました。
ブラウザーのレンダリングを観察すると、項目 1 が選択されていることがわかります。項目1と2を検査します。
項目 2 をクリックすると、項目 1 の checked=checked が削除されることが期待されます。アイテム 2 は、checked=checked という属性を受け取ると思います。
これは予期された動作ではありませんか?
<div>
<span>Item 1</span>
<input type="radio" name="radio1" id="radio1" checked="checked" />
</div>
<div>
<span>Item 2</span>
<input type="radio" name="radio1" class="checkbox" id="radio2" />
</div>