html复选框不选中就不传值,input type="checkbox" 选中传值,不选中传值的方法讲解...

在HTML表单中,当遇到Checkbox选中时传递true,未选中时不传递任何值的问题,可以采用一种巧妙的解决办法。通过结合hidden输入类型,当checkbox未选中时,提交隐藏的false值,选中时提交checkbox的true值。这种方法确保了无论选中状态如何,都能正确传递值到服务器。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近在使用form表单时,出现了一个问题,checkbox如果选中会传true,没选中就什么都不传,但是这不是想要的效果呀,希望做到选中时传true,不选中时传false。

那么就有以下两种方法

1.

2.

生成这样的表单,当checkbox未选中的时候,提交的是hidden表单。false就被提交到服务器了。

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

这种方法简单巧妙,值得推广。

input type="checkbox" 选中传值,不选中传值的方法讲解 - html/css语言栏目:html.css - 红黑联盟

https://www.2cto.com/kf/201801/710664.html

原文:https://www.cnblogs.com/yaolei0422/p/12022573.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值