以下の例に示すように、基本的な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>
checked
attributeは、defaultチェックラジオボタンを指定します、現在チェックされているものではありません。
このサンプルコード を参照してください。 2番目のラジオボタンをクリックしてから、[リセット]をクリックします。次に、2番目のラジオボタンをもう一度クリックし、次に[切り替え]、[リセット]の順にクリックします。
チェックされたプロパティは、ラジオボタンのcurrentチェックされた状態を示します。