1. ラジオのグループ化 名前が同じであれば、それらはグループであり、つまり、次のようにグループ内で選択できるのは 1 つだけです。 コードをコピー コードは次のとおりです。<span>グループ1:</span> <input type="radio" id="radio1" check="checked" name="group1" />ラジオ1 <input type="radio" id="radio2" name="group1" />ラジオ2 <input type="radio" id="radio3" name="group1" />ラジオ3 <span>グループ2:</span> <input type="radio" id="radio4" check="checked" name="group2" />radio4 <input type="radio" id="radio5" name="group2" />ラジオ5 <input type="radio" id="radio6" name="group2" />ラジオ6 効果は以下のとおりです。 ![]() 2. 選択したラジオノードを取得する これは jQuery を使用すると簡単に実行できます。まずグループを選択し、次にチェックされているものを次のようにフィルタリングします。 コードをコピー コードは次のとおりです。var group1 = $("[name='group1']").filter(":checked"); console.log(group1.attr("id")); 3. ラジオノードを選択する jQuery を使用して、checked 属性を設定します。 コードをコピー コードは次のとおりです。$("#radio2").attr("チェック済み", "チェック済み"); 4. ラジオノードを選択する チェックされた属性を削除します。 コードをコピー コードは次のとおりです。$("#radio1").removeAttr("チェック済み"); これにより、グループ内の無線がいずれも選択されない状況が発生する可能性があります。 5. 選択したイベントと選択していないイベントを登録する または、次のように jQuery の on 関数を使用して変更イベントを登録します。 コードをコピー コードは次のとおりです。$("[name='group1']").on("変更", 関数 (e) { console.log($(e.target).val()); } ); このように、group1 のいずれかが選択されている限り、関数がトリガーされます。 |
<<: CSS 変数に基づくテーマ切り替えに最適なソリューション (推奨)
>>: Vue で $attrs と $listeners を使用するチュートリアル
Tomcat サーバーは、無料でオープン ソースの Web アプリケーション サーバーです。軽量のア...
フォームは、動的な Web ページを実装するための主要な外部フォームです。フォームとフォーム フィー...
Portainer は、Docker ホストと Docker Swarm クラスターの管理に使用でき...
もうナンセンスじゃない、郵便番号HTML部分 <div class="positio...
まず、テーブルを分割する必要がある理由について説明します。データシートが数百万に達すると、1 回のク...
参考までに、HTMLフォームの使い方を9つの簡単な例で分析します。具体的な内容は次のとおりです。 1...
1. 心の旅最近コックピットを書いていたときに、背景画像を単純に特定の角度に回転させるという問題につ...
エラーは次のとおりです:キャッチされない TypeError: 未定義のプロパティ 'mod...
この記事の例では、スライダー間隔コンポーネントを実装するためのjsの具体的なコードを参考までに共有し...
FOUC は Flash of Unstyled Content の略で、FOUC と略されます。簡...
長い間コンピューターで mysql を使用していなかったので、パスワードを忘れてしまいました。でも、...
序文Linux システムはシステム サービス crond によって制御されます。 Linux システ...
目次1. シナリオ2. IJavaScriptShadowboxを実装する2.1 メインスレッドの実...
1 MySQLの自動コミット設定MySQL はデフォルトで自動的にコミットします。つまり、各 DML...
1. 切断理由WebSocket が切断される理由は多数あります。WebSocket が切断されたと...