jQueryでラジオボタンを効果的にチェックするにはどうすればよいですか?

jQuery を使用してラジオ ボタンをチェックするための効果的なテクニック

このチュートリアルでは、jQuery を使用してラジオ ボタンをチェックするという課題に取り組みます。コードが完璧に動作するように、複数のアプローチとトラブルシューティングのヒントを検討します。

背景

次の HTML マークアップがあるとします。

<form>
    <div>

信頼できないアプローチ

次のメソッドを使用してラジオ ボタンをチェックしようとしましたが失敗しました:

1. attr('checked', true): これこのアプローチは場合によっては機能しますが、ラジオ ボタンの状態が正しく更新されない可能性があります。
2. "input[value='1']".attr('checked', true): このメソッドラジオ ボタンをその値で選択することを目的としていますが、結果は得られません。
3. 'input:radio[name="type"]'.filter('[value="1"]').attr ('checked', true): より具体的なセレクターであるにもかかわらず、意図したラジオ ボタンのチェックにも失敗します。

効果的な解決策

使用している jQuery のバージョンに応じて、2 つの実行可能な解決策があります:

jQuery バージョン >= 1.6:

$("#radio_1").prop("checked", true);

jQuery のバージョン :

$("#radio_1").attr('checked', 'checked');

注: ユーザー入力の受け入れ

ラジオ ボタンのチェック状態を設定した後、

click() を呼び出すことをお勧めします。ボタン上の または change() イベントを使用して、必要なアクションまたは検証をトリガーします。

以上がjQueryでラジオボタンを効果的にチェックするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。