表单提交时需要复选框

时间:2013-01-26 02:07:35

标签: javascript jquery html5

试图找到如何制作复选框所需的内容。 与下面的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++;}
            ?>

2 个答案:

答案 0 :(得分:1)

那里有大量的jQuery验证插件,但是这很简单:

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

答案 1 :(得分:0)

$('.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;
         }

    });       
});