ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryチェックボックスIDの配列を取得します

jQueryチェックボックスIDの配列を取得します

Christopher Nolan
リリース: 2025-02-26 08:55:08
オリジナル
241 人が閲覧しました

// 获取所有选中复选框的 ID,并将其存储到一个数组中
var checkedIds = $('input[type="checkbox"]:checked').map(function() {
  return this.id;
}).get();

console.log(checkedIds); 
ログイン後にコピー

FAQ(FAQ)< jqueryを使用してすべてのチェックボックスを選択する方法は?

jQueryを使用してすべてのチェックボックスを選択し、「:チェックボックス」セレクターを使用できます。このセレクターは、[タイプのすべての要素]チェックボックスを選択します。例は次のとおりです

このコードは、すべてのチェックボックスを選択し、「チェックされた」プロパティをtrueに設定し、すべてのチェックボックスを選択します。

$('input:checkbox').prop('checked', true);
ログイン後にコピー
jqueryを使用してすべてのチェックボックスをチェックする方法は?

前の質問と同様に、「:チェックボックス」セレクターを使用して、すべてのチェックボックスを選択できます。すべてのチェックボックスをオフにするには、「チェックされた」プロパティをfalseに設定します。例は次のとおりです

このコードは、すべてのチェックボックスを外します。

jQueryを使用して選択したチェックボックスの値を取得する方法は?
$('input:checkbox').prop('checked', false);
ログイン後にコピー

選択したチェックボックスの値を取得するには、「:checked」セレクターを使用できます。このセレクターは、選択したすべてのチェックボックスを選択します。例は次のとおりです

このコードは、見つけた最初に選択したチェックボックスの値を返します。

jQueryを使用してすべてのチェックボックスのIDを取得する方法は?

すべてのチェックボックスのIDを取得するには、 ":checked"セレクターと
$('input:checkbox:checked').val();
ログイン後にコピー
関数を使用できます。例は次のとおりです

このコードは、選択したすべてのチェックボックスIDを含む配列を返します。

jQueryを使用してIDに基づいてチェックボックスを選択する方法は?

.map() IDに基づいてチェックボックスを選択するには、「#」セレクターのIDを使用してチェックボックスを使用できます。例は次のとおりです

var ids = $('input:checkbox:checked').map(function() {
  return this.id;
}).get();
ログイン後にコピー
このコードは、ID「mycheckbox」を使用してチェックボックスを選択します。

JQueryを使用してIDに基づいてチェックボックスをチェックする方法は?

前の質問と同様に、「#」セレクターに続いてチェックボックスのIDを使用してチェックすることができます。例は次のとおりです

このコードは、ID "mycheckbox"でチェックボックスをオフにします。

$('#myCheckbox').prop('checked', true);
ログイン後にコピー
jqueryを使用して、選択した状態のチェックボックスを切り替える方法は?

チェックボックスの選択した状態を切り替えるには、

関数を使用できます。例は次のとおりです

このコードは、[MyCheckbox]で選択したチェックボックスの選択した状態を切り替えます。

$('#myCheckbox').prop('checked', false);
ログイン後にコピー
jqueryを使用してチェックボックスが選択されているかどうかを確認する方法は?

チェックボックスが選択されているかどうかを確認するには、

関数と「:checked」セレクターを使用できます。例は次のとおりです

このコードは、ID「mycheckbox」を使用したチェックボックスが選択されているかどうかを確認します。 .click()

jqueryを使用してチェックボックスの変更イベントを処理する方法は?
$('#myCheckbox').click();
ログイン後にコピー

チェックボックスの変更イベントを処理するには、

関数を使用できます。例は次のとおりです

このコードは、ID "mycheckbox"を使用してチェックボックスの変更イベントを処理します。

.is() jQueryを使用してIDに基づいて複数のチェックボックスを選択する方法は?

if ($('#myCheckbox').is(':checked')) {
  // 复选框已选中
} else {
  // 复选框未选中
}
ログイン後にコピー
IDに基づいて複数のチェックボックスを選択するには、「#」セレクターを使用して、チェックボックスのIDを使用して、コンマで区切ることができます。例は次のとおりです

このコードは、ids "mycheckbox1"、 "mycheckbox2"、および "mycheckbox3"を使用してチェックボックスを選択します。

jQuery get array of checked checkboxes ids (写真はそのまま残っています)

以上がjQueryチェックボックスIDの配列を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート