jQuery 複数の要素をまとめてeachで繰り返し処理

jQueryで複数要素をループで処理したいときに使えるeachがあります。

下の例ではアンケートフォームで、チェックボックスの入力漏れがないかチェックしています。
テーブル内にチェックボックスを複数配置しているので、各行をeachで回して、 行にあるチェックボックスのいずれもチェックされなければalertするようにしています。

おいしい ふつう まずい
きなこもちラーメン
チョコパイラーメン

 

$(‘.check-lists tr’).each(function(index , elm){ } で、行をループします。
該当する要素を順に取得していくのですが、 index にループのカウント、elmにその対象要素が入ります。

if ($(elm).find(‘input:checkbox’).size()>0){ } で、チェックボックスがある行だけを対象にします。

size() は、要素の数を返します。

if (check!=”) return false; とすることで、submitをキャンセルできます。

+2
タイトルとURLをコピーしました