ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery 配列内のチェックボックスのステータスを効率的に確認するにはどうすればよいですか?

jQuery 配列内のチェックボックスのステータスを効率的に確認するにはどうすればよいですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-05 21:37:12271ブラウズ

How Can I Efficiently Check the Status of a Checkbox in a jQuery Array?

jQuery を使用してチェックボックス配列のチェック ステータスを確認する

このコンテキストでの目的は、チェックボックス配列内の特定のチェックボックスがチェックされているかどうかを確認することです。 。これを実現するには、チェックボックス配列の ID が使用されます。ただし、提供されたコード、つまり

function isCheckedById(id) {
  alert(id);
  var checked = $("input[@id=" + id + "]:checked").length;
  alert(checked);

  if (checked == 0) {
    return false;
  } else {
    return true;
  }
}

は、指定された ID に関係なく、チェックされたチェックボックスの数を一貫して報告するため、正確な結果を提供できません。

解決策

この問題を解決するには、別のアプローチがあります。 required:

$('#' + id).is(":checked")

このコード行は、指定された ID のチェックボックスがチェックされているかどうかを効果的にチェックします。

同じ名前のチェックボックス

複数のチェックボックスが同じ名前を共有し、チェックボックスの配列を表すシナリオでは、代替戦略は次のとおりです。必要な:

var $boxes = $('input[name=thename]:checked');

この式は、名前「thename」を持つすべてのチェックされたチェックボックスの配列を取得します。

チェックボックス インタラクション

反復処理するにはチェックされたチェックボックスをオンにし、それぞれに対してアクションを実行します1 つ:

$boxes.each(function(){
  // Perform actions here with the current checkbox
});

チェックされたチェックボックスの数

チェックされたチェックボックスの数を確認するには:

$boxes.length;

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。