checkbox不选中不传值

铁力瓦尔良

已于 2022-08-15 10:47:48 修改

阅读量1.3k

点赞数 2

分类专栏： Java 文章标签： java html javascript

于 2022-08-11 10:35:27 首次发布

本文链接：https://blog.csdn.net/li_tie_liang/article/details/126279986

版权

本文介绍了处理未选中checkbox在表单提交时不传递值的三种策略：1) 给checkbox添加data-default-value属性设置默认值；2) 使用同name的hidden表单来覆盖未选中状态；3) 通过事件监听动态赋值给hidden输入框。这些方法适用于不同的编程环境，如PHP和ASP.NET。

摘要由CSDN通过智能技术生成

不选中不传值

1. 方法一：只需要给checkbox元素添加data-default-value=“0” 表示未选中的默认值

<input class="form-check-input" name="top" value="1" data-default-value="0" type="checkbox" role="switch" id="top

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

铁力瓦尔良

关注关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
checkbox不选中不传值

checkbox不选中不传值，问题解决
复制链接

扫一扫

专栏目录

checkbox不选中不传值问题解决

向宇

02-02

2182

前言在使用layui时候,遇到个问题,我需要复选框选中传值传1,未选中的传0 <input type="checkbox" name="avatarUrl_header" lay-skin="primary" title="头像"> <input type="checkbox" name="nickName_header" lay-skin="primary" title="微信昵称"> 如果你直接简单的这样拿，你会发现你只能拿到选中的参数解决方法一：绑定事件，选中时赋值选

checkbox不选中怎么传值

千年暗室，一灯即明

04-21

883

别人的，贴过来记录一下。。真是太妙了！真是把html拿捏透了。。。根据W3C的规则未选中的checkbox和禁用的控件不是有效控件，不会被POST。因此如果要未选中的checkbox表示值0的话，就不得不曲线完成了。最近研究Zend Framework时候，发现其中的一个方法formCheckbox()。这个方法是生成checkbox表单的。但是它在生成checkbox的之前会生成一个hidden表单。这种做法很巧妙。比如: <input type="hidden" name="foo" val

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

让checkbox不选中即将选中的checkbox不选中

09-04

把选中的checkbox置空，即将选中的checkbox不选中，实现的方法很多，下面为大家分享个不错可行，已测试的好方法，希望对大家有所帮助

让checkbox不选中

weixin_33754065的博客

06-10

331

今天在做项目的时候。遇到一个问题。须要把选中的checkbox置空，即将选中的checkbox不选中。最后，发现一个方法非常好使，特此记录。 $("input[type='checkbox']").each(function(){ if(this.checked){ this.checked=false; } }); 原理：循...

解决checkbox未选中不传递value的多种方法

kouryoushine的博客

02-28

8417

如题，包含了网上很多高手的智慧结晶，最后也放上了我改良后的版本，适用自己的项目。直接copy代码可能有很多问题，只有理解了原理才能应对各种变化和问题，把知识掌握了。 checkbox的checked和value属性详解： https://blog.csdn.net/kouryoushine/article/details/87984749 方法1： https://blog.csdn.net...

input type = “checkbox“标签在不被选中的情况下怎么传值

最新发布

fuxinxinxin1的博客

06-02

737

通过控制下面的input标签进行上面传值的控制，默认让这个值为2当选中时候就切换成value="1"，来达到不被选中也可以传值的效果。今天在开发过程中发现一个问题就是当 checkbox类型的input标签不被选中时是不会向后端传值的。只有当该元素被checked默认被选中时才会传值，但是我们想要做的是不被选中时候传值。当我我用JQ写了一个代码发现还是只有被切换成checked的时候才能传值。解决办法：可以设置两个input框第一个type="hidden"发现还是只有当选中时才会像后端传值。

checkbox不选中传值

windyf2013的博客

07-17

1117

方法一 <form action="test2.asp" method="post"> <input type="checkbox" name="chk1" value="1" /> <input type="checkbox" name="chk2" value="1" onclick="javascript:document.getElementById('hid').value=this.checked;" /> <input type="hidde...

checkbox选中全选传值

03-15

在IT行业中，"checkbox选中全选传值"是一个常见的交互功能，特别是在Web开发领域。这个功能涉及到用户界面（UI）设计、JavaScript编程、HTML和CSS等基础知识。下面将详细阐述这些知识点： 1. **Checkbox（复选框...

checkBox分别处理选中与不选中

10-13

checkBox分别处理选中与不选中checkBox分别处理选中与不选中

checkbox选中和不选中 jqu_jQuery解决checkbox未选中不提交值的问题

weixin_39523529的博客

12-24

920

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

apollokk的专栏

09-14

689

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

checkbox未选中时不提交数据

m0_53759248的博客

01-10

1275

今天真的给这个复选框整吐了，只有选中时，该控件才会提交相应的数据到请求中，未选中时，就不会提交任何东西，直接导致后端报错。试了好多办法，下面这个是我找到唯一能用的办法。 <input name="sevenDays_flag" type="checkbox" onclick="javascript:document.getElementById('sevenDays_flag').value=this.checked;"> <input name="sevenDays_flag.

checkbox选不选中问题

chiyingliao3565的博客

08-27

169

<scripttype="text/javascript"> $(function(){ //checkboxAll全选事件 $("#checkboxAll").bind("c...

checkbox选中和不选中 jqu_jquery怎么设置checkbox不选中？

weixin_35762250的博客

12-24

4868

jquery怎么设置checkbox不选中？jquery对checkbox进行操作需要使用prop()方法。1、设置不选中：$("#my-checkbox").prop("checked",false);2、设置选中：$("#my-checkbox").prop("checked",true);3、获取选中的状态：let status = $("#my-checkbox").prop("check...

fastadmin html js记录一次＜input type=““checkbox“ 不选中表单不提交字段问题

weixin_37391237的博客

08-13

471

fastadmin 单个复选框不选中时表单不提交字段问题

form表单序列化获取不到未选中的checkbox,radio的值

u013197034的博客

09-23

782

serialize()对于未选中的checkbox,radio是获取不到值的，在对应的js中自己修改下。然后调用$('form').new_serialize()

from 表单checkbox不选中是否会提交_dom表单操作

weixin_32093689的博客

01-25

601

DOM表单操作1.value属性value - 设置或返回表单字段的值。<body> 姓名：<input type="text" id="user-name"> <button id="text-btn">设置文本输入框内容</button> <script> // 设置或获取文本框的value值 ...

uniapp checkbox单选传值

04-04

在uniapp中，可以通过v-model绑定数据实现单选checkbox的传值。具体实现如下： 1. 在data中定义一个变量，用于存储选中的值： ``` data() { return { selectedValue: '' } } ``` 2. 在模板中使用checkbox，并通过v-model绑定数据： ``` <template> <div> <label><input type="checkbox" value="value1" v-model="selectedValue">选项1</label> <label><input type="checkbox" value="value2" v-model="selectedValue">选项2</label> <label><input type="checkbox" value="value3" v-model="selectedValue">选项3</label> </div> </template> ``` 3. 在需要获取选中值的地方，通过this.selectedValue获取选中的值。 ``` methods: { submit() { console.log(this.selectedValue) } } ``` 这样就可以实现单选checkbox的传值了。