关于checkbox 不选中传值问题

最新推荐文章于 2023-06-02 15:57:07 发布
最新推荐文章于 2023-06-02 15:57:07 发布
阅读量6.5k 收藏 2
点赞数
分类专栏： java jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangrongfei136/article/details/50211261
版权
当HTML中的checkbox未被选中时，通常无法传递其值。本文提供了一种创新的解决方案，通过使用隐藏域(hidden field)来判断checkbox的状态。在JSP页面上，可以创建一个隐藏域并根据checkbox的状态为其赋值，从而在提交时获取未选中的checkbox信息。例如，利用jQuery检查checkbox的状态，并根据状态为隐藏域`FALG`赋值，以此达到传递未选中状态的效果。
摘要由CSDN通过智能技术生成

大家都知道，checkbox 不选中饰，无法传值。

当你项目中有此需求时，不防换个思路来思考下。

 你可以采用 hidden 隐藏域来判断是否勾选了checkbox，然后通过对隐藏域 进行赋值，这样你就得到了没有勾选的checkbox的值，代码如下：

JSP 页面

隐藏域：

<input type="hidden" Name="FALG" id="FALG"/>

</td>
<td style="padding-top: 13px;">
<label style="width:90px;float:left;position:relative;">学生
<input  type="checkbox" id="STUDENTS_FALG" name="STUDENTS_FALG" /><span class="lbl"></span&g

最低0.47元/天 解锁文章
wangrongfei136
关注
专栏目录
checkbox不选中不传值问题解决
向宇
02-02 2190
前言 在使用layui时候,遇到个问题,我需要复选框选中传值传1,未选中的传0 <input type="checkbox" name="avatarUrl_header" lay-skin="primary" title="头像"> <input type="checkbox" name="nickName_header" lay-skin="primary" title="微信昵称"> 如果你直接简单的这样拿，你会发现你只能拿到选中的参数 解决 方法一： 绑定事件，选中时赋值选
checkbox不选中不传值
铁力瓦尔良的博客
08-11 1331
checkbox不选中不传值，问题解决
checkbox不选中传值
windyf2013的博客
07-17 1120
方法一 <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不选中怎么传值
千年暗室，一灯即明
04-21 889
别人的，贴过来记录一下。。真是太妙了！真是把html拿捏透了。。。 根据W3C的规则未选中的checkbox和禁用的控件不是有效控件，不会被POST。因此如果要未选中的checkbox表示值0的话，就不得不曲线完成了。 最近研究Zend Framework时候，发现其中的一个方法formCheckbox()。这个方法是生成checkbox表单的。但是它在生成checkbox的之前会生成一个hidden表单。这种做法很巧妙。 比如: <input type="hidden" name="foo" val
checkbox，不选中传值
weixin_30853329的博客
03-07 272
方法一<form action="test2.asp" method="post"> <input type="checkbox" name="chk1" value="1" /> <input type="checkbox" name="chk2" value="1" onclick="javascript:document.getElemen...
解决checkbox复选框未选中时不传值的问题 / 判读复选框是否选中
天天向上
06-12 3326
想实现的需求是：复选框默认选中，选中时传值1，未选中时传值0； 根据W3C的规则未选中的checkbox和禁用的控件不是有效控件，不会传值。 方法1： <input type="hidden" name="aa" value="0" /> <input type="checkbox" name="aa" id="aa" value="1"...
checkbox如果没有选中，就不能传值吗？
伊布拉希布维奇的博客
03-13 4903
这是你的程序自己设置的呀，你写的就是最初状态未选中时，其值为0，选中时其值为1，这个值将不再改变，接受端只能判断有无数据传过来，所以如果你想实现选中后值为1，未选中值为0，有两种方法 1。在客户端用javascript实现，如下 "  onclick="javascript:this.value=this.checked?1:0"> 接收页面仍为 String[] security={
checkbox选中 全选 传值
03-15
在IT行业中，"checkbox选中 全选 传值"是一个常见的交互功能，特别是在Web开发领域。这个功能涉及到用户界面（UI）设计、JavaScript编程、HTML和CSS等基础知识。下面将详细阐述这些知识点： 1. **Checkbox（复选框...
input type = “checkbox“标签在不被选中的情况下怎么传值
最新发布
fuxinxinxin1的博客
06-02 748
通过控制下面的input标签进行上面传值的控制，默认让这个值为2当选中时候就切换成value="1"，来达到不被选中也可以传值的效果。今天在开发过程中发现一个问题 就是当 checkbox类型的input标签不被选中时是不会向后端传值的。只有当该元素被checked默认被选中时才会传值，但是我们想要做的是不被选中时候传值。当我我用JQ写了一个代码发现还是只有被切换成checked的时候才能传值。解决办法：可以设置两个input框 第一个type="hidden"发现还是只有当选中时才会像后端传值。
checkBox分别处理选中与不选中
10-13
checkBox分别处理选中与不选中checkBox分别处理选中与不选中
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
08-28
下面小编就为大家分享一篇浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
将checkbox未选中将设置为指定值并系列化，解决checkbox未选中不传递值问题
apollokk的专栏
09-14 691
(function ($) { //将checkbox未选中将设置为指定值并系列化 jQuery.fn.extend({ serializeWithCheckbox: function (uncheckedValue) { return jQuery.param(this.serializeArrayWithCheckbox(uncheckedValue)); }, serializeArrayWithChe.
checkbox 选中未选中赋值 以及是否选中状态判断
qq_44537625的博客
07-15 1718
checkbox 选中未选中赋值 $("#test1").prop("checked",false) //不选中 $("#test1").prop("checked",true) //选中状态 提示：如果checkbox不选中的话，不会提交name 选中就会提交 <input type="checkbox" id="carSale_sfdy_id" name="sfdy" value="1" />调运报销 //比如这个选中状态的话，提交表单的时候就会有 sfdy:1 //如果不是选中状态的话，
checkbox 选中和不选中的值分别设置
热门推荐
weixin_46362547的博客
07-07 1万+
轻松解决选中和未选中checkbox的value一样的问题 <input type="checkbox" value="uncheck" name="check" onclick="this.value=(this.value=='uncheck')?'checked':'uncheck'">
fastadmin html js记录一次＜input type=““checkbox“ 不选中表单不提交字段问题
weixin_37391237的博客
08-13 474
fastadmin 单个复选框 不选中时表单不提交字段问题
checkbox未选中时不提交数据
m0_53759248的博客
01-10 1280
今天真的给这个复选框整吐了，只有选中时，该控件才会提交相应的数据到请求中，未选中时，就不会提交任何东西，直接导致后端报错。试了好多办法，下面这个是我找到唯一能用的办法。 <input name="sevenDays_flag" type="checkbox" onclick="javascript:document.getElementById('sevenDays_flag').value=this.checked;"> <input name="sevenDays_flag.
关于checkbox选值在前台设置隐藏域的方法
kaixin_5200_kaixin的专栏
07-27 1933
若是在gridview中进行选择+上checkbox列的话，当你选择一
checkbox选中和不选中 jqu_jQuery解决checkbox未选中不提交值的问题
weixin_39523529的博客
12-24 926
Loading...W3C最新规定，当checkbox未选中，post不会将值提交到服务器，这就出现了一个变量未初始化的问题，看网上有很多朋友增加隐藏表单的方式解决，如果有多个checkbox的话，会增加很大的代码量。**我找到一个简单的解决办法：1、通过jquery将value为1的自动设置为checked选中状态2、提交时执行getCheckBoxVal函数，遍历所有checkbox，将已经选...
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的传值了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值