Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 提交表格时需要复选框_Javascript_Jquery_Html - Fatal编程技术网

Javascript 提交表格时需要复选框

Javascript 提交表格时需要复选框,javascript,jquery,html,Javascript,Jquery,Html,正在尝试找到一些方法来制作所需的复选框。 就像下面的required=“required”一样,这就是我生成复选框的方式 如果您能提供帮助,我将不胜感激。我的系统要求至少选中一个复选框。也希望它不会是一个弹出窗口警报(“”) 有很多jQuery验证插件,但这很简单: $("form").on('submit', function (e) { if (!$(":checkbox:checked").length) { $("form").append("<div>Ch

正在尝试找到一些方法来制作所需的复选框。 就像下面的
required=“required”
一样,这就是我生成复选框的方式 如果您能提供帮助,我将不胜感激。我的系统要求至少选中一个复选框。也希望它不会是一个弹出窗口<代码>警报(“”)


有很多jQuery验证插件,但这很简单:

$("form").on('submit', function (e) {
   if (!$(":checkbox:checked").length) {
      $("form").append("<div>Check at least one box please</div>");
      e.preventDefault();
   }
});
$(“表单”)。关于('submit',函数(e){
如果(!$(“:复选框:已选中”).length){
$(“表格”)。附加(“请至少勾选一个方框”);
e、 预防默认值();
}
});

即使您的解决方案可行
.length
返回整数而不是布尔值。如果你想做一些类似于
if($(“:checkbox:checked”).length>0的事情,{
可以让事情可读性和易懂性更好。
$("form").on('submit', function (e) {
   if (!$(":checkbox:checked").length) {
      $("form").append("<div>Check at least one box please</div>");
      e.preventDefault();
   }
});
$('.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;
         }

    });       
});