扩展jQuery serialize()以支持空字段 序列化所有字段

  • 源码大小:6.44KB
  • 所需积分:1积分
  • 源码编号:19JP-3465
  • 浏览次数:259次
  • 最后更新:2023年06月16日
  • 所属栏目:表单
本站默认解压密码:19jp.com 或 19jp_com

简介

这是一个轻量级(~1kB)的jQuery插件,它扩展了本机jQuery serialize()方法以支持空表单字段。

这对于序列化具有未选中复选框、单选按钮和多选下拉列表的表单非常有用。

如何使用它:

1.下载并加载jquery-serialize-all.js在jQuery之后。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/src/jquery-serialize-all.js"></script>

2.使用serializeAll()方法。

$(function(){
  var serializeAllResults = $("form").serializeAll();
});

3.结果应该是这样的:

// before
textField=example%20text&numberField=5&checkboxField=cbvalue&radioField=1&selectSingleField=1

// after
textField=example%20text&numberField=5&checkboxField=cbvalue&radioField=1&selectSingleField=1&checkboxFieldEmpty=&radioFieldEmpty=&selectMultpleField=

预览截图