在表单提交中获取数组中的复选框值

 蓜甪紸甪1995 发布于 2023-01-30 21:01

我想获取复选框的所有值,并提醒在表单提交时检查它们,

这是我到目前为止所尝试的:

HTML

jQuery脚本

      $("#calform").submit(function(e){

    // array that will store all the values for checked ones
    var allVals = [];

    $('input[type="checkbox"] :checked').each(function() {

    // looping through each checkbox and storing values in array for checked ones.
    allVals.push($(this).val());

    });

    alert(allVals);

    e.preventDefault();
    });

这是JSFIDDLE

警报框在表单提交时显示为空.

1 个回答
  • 使用$('input[type="checkbox"]:checked'),注意空间被删除input[type="checkbox"]和伪类之间:checked:

    这里有更新的例子

     $("#calform").submit(function (e) {
    
         var allVals = [];
    
         $('input[type="checkbox"]:checked').each(function () {
          //     removed the space ^
    
             allVals.push($(this).val());
         });
         alert(allVals);
    
         e.preventDefault();
     });
    

    2023-01-30 21:05 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有