[转]checkbox不选中不传值问题解决

前言
在使用layui时候,遇到个问题,我需要复选框选中传值传1,未选中的传0

<input type="checkbox" name="avatarUrl_header" lay-skin="primary" title="头像">
<input type="checkbox" name="nickName_header" lay-skin="primary" title="微信昵称">

如果你直接简单的这样拿,你会发现你只能拿到选中的参数

解决
方法一:
绑定事件,选中时赋值选中值给hidden input框

<input type="checkbox" name="avatarUrl_header" value="1" />
<input type="checkbox" name="avatarUrl_header" value="1" onclick="javascript:document.getElementById(‘test‘).value=this.checked;" />
<input type="hidden" id="test" name="test" value="false"/>

方法二:
根据W3C的规则未选中的checkbox和禁用的控件不是有效控件,不会被提交。但是可以在它之前定义一个同name名的hidden表单(注意先后顺序)。这种做法很巧妙。
比如:

<input type="hidden" name="foo" value="0">
<input type="checkbox" name="foo" id="foo" value="1">

当checkbox未选中的时候,提交的是hidden表单,值0就被提交到服务器了。

当checkbox选中的时候,hidden和checkbox表单都被提交了,但是因为它们的name是一样的,所以hidden的值被checkbox覆盖了。所以就得到了数值1。

在PHP中,如果有多个name相同的表单,post到服务器,后台仅取最后一个表单的值。
而在ASP.NET中,会把这个多个表单的值合并成逗号分割的值。因此,这种方法用在PHP下更合适。

From: https://blog.csdn.net/qq_36303853/article/details/113537109

----------

checkbox不选中传值,checkbox设置默认值

html checkbox元素 只能设置一个value 当我们没有选中的时候取不到其默认值

于是在checkbox元素上面增加一个隐藏域,当我们checkbox选中时就会改变其默认值,不选则不改变。

<input type="checkbox" name="status" value="1">

例:

<input type="hidden" name="status" value="0">
<input type="checkbox" name="status" value="1">

记得 name 要保持相同。

From: https://blog.csdn.net/qq6759/article/details/89355094

 

[转]checkbox不选中不传值问题解决

上一篇:复制项目导致Tomcat访问路径与项目名称不一致


下一篇:为什么基于TCP的应用需要心跳包(TCP keep-alive原理分析)