ベストセラー人気 WordPress テーマTop 30 詳細

[jQuery]すべてのチェックボックスが選択されていることを確認する

Last Updated:2020年11月15日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

例えばclass = "abc"の要素を持つチェックボックスがすべて選択され確認する方法です。

簡単な方法で、以下の条件を確認することです。

$('.abc:checked').length == $('.abc').length

次のようなスクリプトを使用します。

$(".abc").change(function(){
if ($('.abc:checked').length == $('.abc').length) {
// ユーザー 스크립트
}
});
// Source: stackoverflow

または、次のようなスクリプトを考えてみることができます。

$("input[type='checkbox'].abc").change(function(){
var a = $("input[type='checkbox'].abc");
if(a.length == a.filter(":checked").length){
alert('모두 체크되었습니다');
}
});

デモ: jsfiddle

メモ:



コメントを残す

コメント