javascript - 表单提交时需要复选框

Question

试图找到一些如何使复选框成为必需的东西。如下所示，这是我required="required"生成复选框的方式，我将不胜感激有关如何执行此操作的任何帮助。我的系统至少需要选中一个复选框。也想如果它不会是一个弹出窗口。alert('');

<?php 
                $result=mysql_query("SELECT * FROM tbl_tourism_type order by type_name ");
                $i=1;
                while($row = mysql_fetch_array($result)){
                echo '<input type="checkbox" name="type" 
                        value='.$row['type_id'].' id='.$row['type_id'].'>'.'
                            <label for='.$row['type_id'].'
                            class="fil_lab">'.$row['type_name']. '</label>';
                if($i%5==0)
                {
                 $i = 0;
                 echo '<br><br>';
                }
                $i++;}
            ?>

Answer 1

好吧，那里有大量的 jQuery 验证插件，但是做起来很简单：

$("form").on('submit', function (e) {
   if (!$(":checkbox:checked").length) {
      $("form").append("<div>Check at least one box please</div>");
      e.preventDefault();
   }
});

Answer 2

$('.form').submit(function(){


    var checked = true ;

    $('.check_box').each(function(){

         if(!$(this).is(':checked')) {

             checked = false;   
         }

         if(!checked){

            $('.error_div').html("please select at least on check box");
            return false;
         }

    });       
});