web-dev-qa-db-ja.com

jqueryを使用してチェックされたhtmlチェックボックスの数を計算します

ユーザーがjqueryを使用してチェックしたチェックボックスの数を計算するにはどうすればよいですか？

たとえば、フォームのチェックボックスのチェック数を10に制限し、ユーザーがこの範囲を超えると警告メッセージを表示します。

jqueryhtmlformscheckbox
24
bogha

それには複数の方法があります。

方法1：

alert($('.checkbox_class_here:checked').size());

方法2：

alert($('input[name=checkbox_name]').attr('checked'));

方法：

alert($(":checkbox:checked").length);
70
Sarfraz

これはうまくいくはずです：

alert($("input:checkbox:checked").length);
18
James Wiseman

上記のいずれの方法も機能しない場合は、おそらくまだjQueryをインポートしていません。 jQueryをインポートするには、このコードをHTMLの_<head>_に貼り付けます。

_<script src="//code.jquery.com/jquery-1.10.2.js"></script>
_

商品注文ページの作成中に実際に同じ問題が発生し、注文確認ページでカート内の商品数をカウントしたいと思いました。私はこの投稿を参照して、すべての方法を試しました。その後、jQueryをインポートしていないことがわかり、$(':checkbox:checked')が機能しませんでした。

2
Richik SC

あなたは使うべきです

alert($("input:checkbox:checked").length);

または

alert($(".checkbox-class:checked").length);

1つのページにより多くのフォームがある場合

.size（）（現在受け入れられている回答のメソッド番号1）はjQuery 1.8以降廃止されました

0
rioted