form内にcheckbox-groupというclassがあるとき、その項目が未チェックだったらsubmitをしない、という仕組みを目指しております。
以下のようなコードを書いたところ、最初のcheckbox-groupが未チェックのときはsubmitをしないのですが、2番目のcheckbox-groupが未チェックでもsubmitしてしまいます。
html <form name="hoge_form" action="" method="post"> <ul class="checkbox-group"> <li><input type="checkbox" name="fruit[]" value="apple">apple <li><input type="checkbox" name="fruit[]" value="banana">banana </ul> <ul class="checkbox-group"> <li><input type="checkbox" name="sport[]" value="soccer">soccer <li><input type="checkbox" name="sport[]" value="baseball">baseball </ul> <button type="submit" name="hoge_submit">送信</button> </form>
js $(function(){ // 子要素に.checkbox-groupを持つformがsubmitされたら $('form').has('.checkbox-group').on('submit', function(){ // .checkbox-groupのチェック項目が1つもチェックされていなかったら if( $(this).find('.checkbox-group').find(':checked').length < 1 ){ // submitしない return false; } }); });
おそらく、最初のcheckbox-groupしか認識してくれていないようなのですが、jsの部分をどのように書けば、2番目のcheckbox-groupの未選択に気づいてくれるのでしょうか。
お分かりになる方がいらっしゃいましたら、ご教授いただけましたら幸いです。
どうか、宜しくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/07/24 14:11