web-dev-qa-db-ja.com

オプションが変更されてもラジオボタン「チェック済み=チェック済み」は変更されません

以下の例に示すように、基本的な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>

http://jsfiddle.net/chrimbus/ZTE7R/1/

14
nthChild

checkedattributeは、defaultチェックラジオボタンを指定します、現在チェックされているものではありません。

このサンプルコード を参照してください。 2番目のラジオボタンをクリックしてから、[リセット]をクリックします。次に、2番目のラジオボタンをもう一度クリックし、次に[切り替え]、[リセット]の順にクリックします。

チェックされたプロパティは、ラジオボタンのcurrentチェックされた状態を示します。

Checked attribute vs checked property

17
Quentin