checkbox不选中传值

最新推荐文章于 2023-06-02 15:57:07 发布

windyf2013

最新推荐文章于 2023-06-02 15:57:07 发布

阅读量1.1k

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/windyf2013/article/details/107410366

版权

本文介绍了如何在JavaScript中处理checkbox未选中时不传递值的问题，通过实例代码展示了具体实现方法，帮助开发者解决前端表单数据处理中的常见困扰。

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

复制代码

方法一

<form action="test2.asp" method="post">

<input type="checkbox" name="chk1" value="1" />
<input type="checkbox" name="chk2" value="1" οnclick="javascript:document.getElementById('hid').value=this.checked;" />
<input type="hidden" id="hid" name="hid1" value="false"/>
<input type="submit" value="提交" />
</form>

复制代码

方法二

复制代码

根据W3C的规则未选中的checkbox和禁用的控件不是有效控件，不会被POST。因此如果要未选中的checkbox表示值0的话，就不得不曲线完成了。
最近研究Zend F

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

windyf2013

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

checkBox分别处理选中与不选中

10-13

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

checkbox选中全选传值

03-15

NULL 博文链接：https://pireswang.iteye.com/blog/325577

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

解决checkbox复选框未选中时不传值的问题 / 判读复选框是否选中

天天向上

06-12

3316

想实现的需求是：复选框默认选中，选中时传值1，未选中时传值0；根据W3C的规则未选中的checkbox和禁用的控件不是有效控件，不会传值。方法1： <input type="hidden" name="aa" value="0" /> <input type="checkbox" name="aa" id="aa" value="1"...

checkbox如果没有选中，就不能传值吗？

伊布拉希布维奇的博客

03-13

4899

这是你的程序自己设置的呀，你写的就是最初状态未选中时，其值为0，选中时其值为1，这个值将不再改变，接受端只能判断有无数据传过来，所以如果你想实现选中后值为1，未选中值为0，有两种方法 1。在客户端用javascript实现，如下 " onclick="javascript:this.value=this.checked?1:0"> 接收页面仍为 String[] security={

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

最新发布

fuxinxinxin1的博客

06-02

740

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

解决checkbox复选框选中传值，不选中不传值的方案

life is wonderful

11-02

1万+

解决checkbox复选框选中传值，不选中不传值的方案问题描述：一个form表单中的结构是这样的：则页面显示结果是：如上填写数据，经过序列化后的数据是： [ {"id":"1","infoType":"11","infoName":"名称1","fileIsOpen":"o"}, {"id":&

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

apollokk的专栏

09-14

689

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

关于checkbox 不选中传值问题

wangrongfei136的专栏

12-07

6595

大家都知道，checkbox 不选中饰，无法传值。当你项目中有此需求时，不防换个思路来思考下。你可以采用 hidden 隐藏域来判断是否勾选了checkbox，然后通过对隐藏域进行赋值，这样你就得到了没有勾选的checkbox的值，代码如下： JSP 页面隐藏域：学生教练 jquery: if(($("#ST

jsp实现checkbox的ajax传值实例

10-24

本实例将展示如何使用JSP和Ajax技术，实现对页面上多个复选框（checkbox）选项的选择，然后通过Ajax方式传值到服务器端进行处理。 ### JSP页面中的复选框首先，我们要在JSP页面中创建复选框。每个复选框都有自己...

checkbox复选框传值

12-03

在网页设计和开发中，复选框（Checkbox）是一种常见的用户界面元素，允许用户从多个选项中选择一个或多个。当涉及到数据提交，比如通过HTML表单POST方法将用户的选择发送到服务器并存储到数据库中时，理解如何处理复...

解决Django中checkbox复选框的传值问题

09-17

然后，我们来看如何解决复选框选中传值，而不选中时不传值的问题。默认情况下，未选中的复选框在POST数据中不会有任何表示，这可能会导致一些预期外的行为，比如误认为所有复选框都是未选中的。为了解决这个问题，...

checkbox 设置复选框的只读不让用户勾选

Yany的博客

03-03

6357

checkbox 设置复选框的只读不让用户勾选

checkbox不选中怎么传值

千年暗室，一灯即明

04-21

886

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

input type="checkbox" 选中传值，不选中传值

热门推荐

赵乘风_i

01-07

2万+

最近在使用form表单时，出现了一个问题，checkbox如果选中会传true，没选中就什么都不传，但是这不是想要的效果呀，希望做到选中时传true，不选中时传false。那么就有以下两种方法 1. <input name="public" type="checkbox" onclick="javascript:document.getElementById('public'...

解决checkbox未选中不传递value

xyang

07-08

1万+

做了一列name=IsYellow的checkbox，要求是保持整个序列的完整提交。后来发现checkbox 如果没有checked(选中状态)，就不传递value值。也就是说做了10个checkbox，选中n个，那么传递value值的数组长度就是n。为了保持传递数据的完整性，有人说为每个checkbox配备一个hidden类型的表单对象来存放数据。这个方法可行但是代码量太大。尤其是当你希

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的传值了。