关于jquery的serialize()不提交未选中的checkbox的问题

最新推荐文章于 2023-04-28 15:31:56 发布

huangpeng13

最新推荐文章于 2023-04-28 15:31:56 发布

阅读量7k

点赞数

本文链接：https://blog.csdn.net/huangpeng13/article/details/39226337

版权

jquery的$(form).serialize()不会提交未选中的checkbox，解决办法可参考asp.net mvc的Html.CheckBox()生成的html代码如下：

<input type="checkbox" id="sel" name="sel" value="false" />
<input type="hidden" name="sel" value="false" />

上面是未选中状态，提交字符串为：sel=false

这个是选中状态，提交字符串为：sel=true&sel=false

服务器端发现sel有true值时认为是true，否则是false。

另外给个链接：点击打开链接

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

huangpeng13

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
关于jquery的serialize()不提交未选中的checkbox的问题

jquery的$(form).serialize()不会提交未选中的
复制链接

扫一扫

jQuery中:checkbox选择器用法实例

10-24

主要介绍了jQuery中:checkbox选择器用法,实例分析了:checkbox选择器的功能、定义及匹配复选框的使用技巧,需要的朋友可以参考下

jquery处理表单Form的Serialize的处理CheckBox

08-19

1065

$.fn.ghostsf_serialize = function () { var a = this.serializeArray(); var $radio = $('input[type=radio],input[type=checkbox]', this); var temp = {}; $.each($radio, function () { if (!temp.hasOwnProperty(this.name)) { //.

参与评论您还未登录，请先登录后发表或查看评论

（转）jquery serialize表单序列化，当radio或checkbox 未选中时，没有序列化到对象中的原因分析和解决方案 - ghostsf...

weixin_34341229的博客

03-15

576

相信很多人都用过jq的表单序列化serialize()方法，因为这能很方便地帮你把表单里所有的非禁用输入控件序列化为 key/value 对象，不需要你再去一个个地拼接参数了。这是一个很好用的函数，用过的你肯定知道。但是ghostsf最近发现一个小bug（也许不应该叫bug，姑且称之）。就是当radio或checkbox 未选中时，没有序列化到对象中。什么原因呢?下面分析之:瞄一眼源码：F...

为jquery.serializeArray()添加checkbox值放入数组中，ajax 请求 springMVC接收参数为 List or List＜Enum＞

mxskymx的专栏

03-23

595

//定义方法：将form表单中数据格式化为 json对象 $.fn.serializeObject = function () { var checkboxNames = []; var $checkbox = $('input[type=checkbox]', this); $.each($checkbox, function(){ if($.inArray(this.name, checkboxNames) == -1){ checkbo.

jquery中serialize()序列化函数

全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio

08-30

2477

全栈工程师开发手册（作者：栾鹏） jquery系列教程6-AJAX全解 jquery中serialize()序列化函数serialize()序列化，将元素转化为xx=xx&xx=xx&xx=xx字符串形式，不仅能用于表单。代码如下：$(":checkbox,:radio").serialize(); //只会将选中的值序列化//serializeArray序列化dom元素，返回

JQuery使用$.ajax和checkbox实现下次不在通知功能

10-24

在探讨使用JQuery及$.ajax与checkbox实现“下次不再通知”的功能时，首先要明确几个关键点：JQuery作为一个强大的JavaScript库，提供了丰富的DOM操作与AJAX交互功能；$.ajax则是JQuery中用于发起AJAX请求的一个方法...

jQuery ajax serialize()方法的使用以及常见问题解决

12-11

如果你希望未选中的按钮也出现在序列化结果中，你需要手动处理。例如，你可以先获取所有这些元素的值，然后将它们添加到序列化字符串中。 3. **不包含提交按钮的值** `serialize()` 不会包含用于提交表单的按钮的...

jquery.serialize() 函数语法及简单实例

10-21

`jQuery.serialize()` 函数是jQuery库中用于处理表单数据的一个非常重要的方法。它能够将一个HTML表单中的数据序列化成一个URL编码的字符串，这个字符串可以方便地用于Ajax请求，或者直接作为HTTP请求的查询字符串。...

jQuery ajax serialize() 方法使用示例

10-25

其中，Ajax是jQuery的一个核心功能，它使得在不重新加载页面的情况下，与服务器交换数据并更新部分网页内容成为可能。在Ajax的众多功能中，serialize()方法是一个非常实用的工具，它用于将表单内的元素序列化为适合...

将checkbox未选中将设置为指定值并系列化，解决checkbox未选中不传递值问题

apollokk的专栏

09-14

689

(function ($) { //将checkbox未选中将设置为指定值并系列化 jQuery.fn.extend({ serializeWithCheckbox: function (uncheckedValue) { return jQuery.param(this.serializeArrayWithCheckbox(uncheckedValue)); }, serializeArrayWithChe.

jQuery函数之serialize()

Geek_ymv的专栏

10-28

735

jQuery中文文档：http://jquery.bootcss.com/

解决 zepto 中 serialize 方法跳过未选中的 checkbox 问题

小陈技术空间

01-18

2444

背景使用 zepto 的 serialize 方法生成字符串用以表单提交时，发现该方法会跳过未选中的 checkbox 原因： disabled 的表单元素，button，未选中的radio buttons/checkboxs 将会被跳过。结果不包含file inputs的数据。解决方法：后期添加使用 serialize 方法后，检查 checkbox 是还被选中，若...

serialize()序列化

qq_39273455的博客

04-23

496

$(selector).serialize() 只会将”成功的控件“序列化为字符串。如果不使用按钮来提交表单，则不对提交按钮的值序列化。如果要表单元素的值包含到序列字符串中，元素必须使用 name 属性。如下图片，当checkbox未选中时，此序列化值不能拼成字符串，只有在选中的时候才能序列化为字符串 ...

form.serialize()中针对多选checkbox flask route中如何获取对应的值

lsyhaoshuai的博客

01-13

840

1.form.serialize()是传递一个form中的所有控件，flask route中是根据name名称获得对应的值的，其中涉及多选框checkbox的问题，当多选框中option的name相同的时候，用request.form.get()是无法获得对应的值的，只能够获得一个值，后边的值无法获取，此时可以用request.form.getlist(name).具体代码如下： data_dict[param] = tuple(request.form.getlist(l)) 一定会牢记这个函数查

记录serializeArray()方法获取未选中的checkbox、radio的值