checkbox多选框单选和多选serializeObject()取值问题

最新推荐文章于 2024-05-23 16:08:37 发布
VIP文章 最新推荐文章于 2024-05-23 16:08:37 发布
阅读量1.1k 收藏
点赞数
文章标签： javascript html jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kerolalala/article/details/122783971
版权

最近做了个需求，需要将选择的星期入库保存，效果如下

 

我决定将选择的日期转为一个长字符串存入数据库的一个字段中，例如“w1,w2,w3,w6”

 

我们都知道，当checkbox多选的时候，用serializeObject()去获取表单对象的属性，获取到的值是一个数组

 

这个时候用.join()方法就可以得到长字符串

 

但当我们只选择一个的时候，获取到的值就直接变成了一个字符串

最低0.47元/天 解锁文章
kerolalala
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android中ListView + CheckBox实现单选、多选效果
08-31
主要介绍了Android中ListView + CheckBox实现单选、多选效果,非常不错，具有参考借鉴价值，需要的朋友可以参考下
若依框架一个页面存在两个ztree获取其中一个checkbox会找不到数据的问题解决
qq_41182238的博客
11-28 617
若依框架一个页面存在两个ztree获取其中一个checkbox选中数据会找不到的问题解决。
form.serialize()中针对多选checkbox flask route中如何获取对应的值
lsyhaoshuai的博客
01-13 821
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)) 一定会牢记这个函数 查
php获得checkbox多选,php 取多选框checkbox值实例
weixin_30599521的博客
03-18 774
看到很多新手不明白怎么用php读取表单多选框(checkbox)的值，在此做了个简单的例子希望对新手有用php在得到checkbox的值时和asp有稍有不同，他得把表单多选框的名子命名成类似php中的数组形式: name[]如:以下为引用的内容：要想得到checkbox的value数据关键也在于此。下面是个完整实例以下为引用的内容：php 处理多选框checkbox实例--www.phperz.c...
表单序列化serializeArray()方法获取未选中的CheckBox
weixin_30482383的博客
12-10 1554
　　serializeArray()方法获取的表单形式为数组对象 arr=[{name:表格1,value:123},{name:表格2,value:123}]的形式， 但它获取不到未选中的CheckBox的name和value值，所以，以下方法就是将无法获取到的CheckBox值获取到： $.fn.serializeJson=function(){ //表单序列化获取未选中的Chec...
为jquery.serializeArray()添加checkbox值放入数组中，ajax 请求 springMVC接收参数为 List or List＜Enum＞
mxskymx的专栏
03-23 564
//定义方法：将form表单中数据格式化为 json对象 $.fn.serializeObject = function () { var checkboxNames = []; var $checkbox = $('input[type=checkbox]', this); $.each($checkbox, function(){ if($.inArray(this.name, checkboxNames) == -1){ checkbo.
详解iview的checkbox多选框全选时校验问题
10-16
主要介绍了详解iview的checkbox多选框全选时校验问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
input:checkbox多选框实现单选效果跟radio一样
09-04
checkbox是多选，怎么才能让他变成单选，效果跟radio一样呢，本菜鸟就自己写了个小程序，代码很简单
jquery.checkbox 单选框多选框美化插件
06-10
效果描述： 基于jQuery的一款插件，可以让你的input输入框 无论是单选还是多选，都实现的很漂亮 使用方法： 1、将CSS样式拷贝过去 2、将index.html中的代码部分拷贝过去即可 (注意保持文件路径正确)
Bootstrap3 多选和单选框(checkbox)
08-31
多选框（checkbox）用于选择列表中的一个或多个选项，而单选框（radio）用于从多个选项中只选择一个。接下来通过本文给大家介绍Bootstrap3 多选和单选框，一起看看吧
表单序列化之serializeArray() 方法
konglingjun1224的博客
06-11 999
有一次在写项目的时候，需要用到serializeArray()序列化表单，在输出序列化数组时，输出的格式怎么都不对，现将自己踩的坑做一个记录首先调用   //生成了一个对象数组var array=$("#form").serializeArray(); //，如果把这个数组对象输出来console.log(array);即可输出正确的格式[object,object,object]但是我为了能让打...
记录serializeArray()方法获取未选中的checkbox、radio的值
LiuQjie的博客
04-28 301
最近项目中遇到需求，要求未选中的checkbox、radio都必须默认传值过去。在使用serializeArray()方法获取的表单形式为数组对象，但它获取不到未选中的checkbox、radio的name和value值。
BUG已解决 | 使用JQuery的serialize序列化表单时，无法获取到表单内未选中单/多选框的内容 | 手动编写一个加强版的serialize方法获取
希望每天都能进步一点点
02-23 992
解决方式是参考网上其他的文章的，由于有很多雷同的内容，分不清原作者，这里就不贴来源了 运行版本： JQuery 3.6.0 查看源码： jquery.js jQuery.fn.extend( { serialize: function() { return jQuery.param( this.serializeArray() ); }, serializeArray: function() { return this.map( function() { // Can add pr.
ant design DatePicker日期选择框指定分钟的间隔minuteStep属性
u010234868的专栏
05-17 231
在上面的例子中，DatePicker 将只允许用户以 15 分钟为间隔选择分钟。是 Ant Design 的 TimePicker时间选择框组件的一个属性。设置为 30，则用户可以选择以 30 分钟为间隔的分钟值。如果你想让分钟选项只能以 15 分钟为间隔选择，你可以将。
js知识点汇总之let const 和 var的区别
最新发布
fyw1789的博客
05-23 1081
声明的变量会先在作用域中被创建出来，但因此时还未进行词法绑定，所以是不能被访问的，如果访问就会抛出错误。因此，在这运行流程进入作用域创建变量，到变量可以被访问之间的这一段时间，就称之为暂时死区。其实上面不存在变量提升的例子中，其实也是暂时性死区，因为它有暂时性死区的概念，所以它压根就不存在变量提升了。实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。中的作用域有：全局作用域、函数作用域，命令声明变量之前，该变量都是不可用的。，导致绑定这个块级作用域，
springboot+vue2+elementui实现时间段查询
2301_76604664的博客
05-20 334
将前端传来的时间数组，赋值给对应的属性；
TS中的InstanceType函数和Typeof 操作符
05-23 98
【vue中的instanceType用法】父组件用ref获取子组件时，通过 instanceType获取子组件的类型。此外，typeof 操作符除了可以获取对象的结构类型之外，它也可以用来获取函数对象的类型。尽管ES6引入了更清晰的类语法，但从类型检查的角度看，类仍然被视为函数。函数：该函数返回（构造） 由某个构造函数构造出来的实例类型组成的类型。操作符除了可以获取对象的结构类型之外，它也可以用来获取函数对象的类型。获取由某个构造函数构造出来的实例类型组成的类型。操作符可以用来获取一个变量或对象的类型。
前端开发攻略---用Vue实现无限滚动的几种方法
nibabaoo的博客
05-22 543
用vue实现无限滚动
15 VUE学习：插槽slot
sixpp的博客
05-23 1441
如果我们将这个概念拓展一下，可以想象的是，一些组件可能只包括了逻辑而不需要自己渲染内容，视图输出通过作用域插槽全权交给了消费者组件。Vue 组件的插槽机制是受[原生 Web Component `` 元素]的启发而诞生，同时还做了一些功能拓展，这些拓展的功能我们后面会学习到。现在组件可以用在不同的地方渲染各异的内容，但同时还保证都具有相同的样式。插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。在上面的[渲染作用域]中我们讨论到，插槽的内容无法访问到子组件的状态。
Vue 实现复选框单选，多选，回显
04-08
可以使用 v-model 指令实现复选框的单选、多选和回显功能。当 v-model 绑定的数据是一个数组时，复选框可以实现多选功能；当 v-model 绑定的数据是一个布尔值时，复选框可以实现单选功能。回显功能可以通过将 v-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值