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

例えば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

メモ:

一部の記事にはアフィリエイトリンクが含まれている場合があり、パートナーの活動で一定額の手数料を受け取ることがあります。

コメントを残す

*電子メール情報は公開されません。