码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • $().serializeJson()获取不到type=“checkbox“的name


    在 jQuery 中,`serializeJson()` 方法不会自动序列化复选框(checkbox)的值。它只会序列化选中的表单元素(如文本框、下拉列表等)的值。

    如果你想要序列化复选框的值,你可以使用`serializeArray()` 方法来获取表单中所有的元素,然后自行处理复选框的值。下面是一个示例:

    1. $.fn.serializeJson = function() {
    2.   const formData = $(this).serializeArray();
    3.   const json = {};
    4.   $.each(formData, function() {
    5.     if (json[this.name]) {
    6.       if (!json[this.name].push) {
    7.         json[this.name] = [json[this.name]];
    8.       }
    9.       json[this.name].push(this.value || '');
    10.     } else {
    11.       json[this.name] = this.value || '';
    12.     }
    13.   });
    14.   return json;
    15. };
    16. // 示例表单
    17. <form id="myForm">
    18.   <input type="text" name="name" value="John">
    19.   <input type="checkbox" name="hobbies" value="reading" checked>
    20.   <input type="checkbox" name="hobbies" value="swimming">
    21.   <input type="checkbox" name="hobbies" value="gaming" checked>
    22. </form>
    23. // 使用 serializeJson() 方法获取 JSON 对象
    24. const jsonData = $('#myForm').serializeJson();
    25. console.log(jsonData);

    上述代码中,我们自定义了`serializeJson()`方法,它首先使用`serializeArray()`方法获取表单数据,然后遍历每个表单元素,将其名称(name)作为键,值作为值,构建一个 JSON 对象。对于复选框,如果有多个选中的值,它们将被存储为数组。

    1. 在上面的示例中,`console.log(jsonData)`将输出以下结果:
    2. {
    3.   "name": "John",
    4.   "hobbies": ["reading", "gaming"]
    5. }

    注意,`serializeJson()`方法只能序列化表单元素的值,而不会序列化其他属性。如果你需要序列化其他属性,你可以根据需要进行自定义扩展。

  • 相关阅读:
    window.eventBus 在Vue中的使用方法(一)
    龙芯下如何进行.net core程序开发部署
    逐点流形正则半监督深度核极限学习机
    翻译: GitHub Copilot开启AI自动生成代码的时代
    基于JAVA舞蹈网站计算机毕业设计源码+数据库+lw文档+系统+部署
    ubuntu install Python3
    0基础了解电商系统如何对接支付渠道
    Linux操作系统使用及C高级编程-D11-D13结构体
    websocket拦截
    【办公软件】案例:电路中计算出的电阻值为5欧,怎么通过Excel匹配到仓库里最接近的电阻值?
  • 原文地址:https://blog.csdn.net/weixin_43498992/article/details/134036916
  • 最新文章
  • 【JVM】编译执行与解释执行的区别是什么?JVM 使用哪种方式?
    用 Hashids 优雅解决 C 端自增 ID 暴露问题
    V8引擎 精品漫游指南--Ignition篇(上) 指令 栈帧 槽位 调用约定 内存布局 基础内容
    LLVM Pass快速入门(四):代码插桩
    milkup:桌面端 markdown AI续写和即时渲染
    基于项目工程构建SBOM(软件物料清单)的研究
    鸿蒙应用开发UI基础第二节:鸿蒙应用程序框架核心解析与实操
    .NET 中如何快速实现 List 集合去重?
    扣子Coze实战:从0到1打造抖音+小红书热点监控智能体
    浅谈数据访问层
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号