2013-07-24 30 views
10

下の例のように基本2ラジオボタンフォームが作成されました。ラジオボタンオプションが変更されたときに "Checked = checked"が変更されない

ブラウザのレンダリングを観察すると、項目1が選択されています。アイテム1と2を検査します。

アイテム2をクリックすると、アイテム1のチェック=チェックが削除されると予想されます。私はアイテム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/

+0

@quentinその他:あなたの回答は素晴らしいです、Javascriptを使用せずに「確認」_attribute_の期待される動作が自動的に更新されないことを、この確認**を行います** – nthChild

+0

私はできました?擬似セレクタを使用してスタイルを適用することによって、 "checked"ラジオボタンとラベルのスタイルを設定します:checked。これはIE9 +、Chrome、Firefoxで動作します。 http://jsfiddle.net/sXjyL/4/ – nthChild

答えて

13

checked属性デフォルトを指定し、ラジオボタンをチェックし、現在1をチェックしていません。

this example codeを参照してください。 2番目のラジオボタンをクリックし、[リセット]をクリックします。次に、2番目のラジオボタンをもう一度クリックしてから、[スイッチ]、[リセット]をクリックします。

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

Checked attribute vs checked property

+0

その*プロパティ* vs *属性*の区別を待っていました:) – brbcoding

+0

@quentinあなたの返信は素晴らしいです。 Javascriptを使わないと自動的に更新されませんか? – nthChild

+0

はい。ページが読み込まれると、JavaScriptのみがchecked *属性を変更できます。 – Quentin

関連する問題