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

最新推荐文章于 2024-05-16 16:53:58 发布
最新推荐文章于 2024-05-16 16:53:58 发布
阅读量1.9w 收藏 9
点赞数 3
分类专栏： javascript 文章标签： checkbox 获取默认值 checkbox 设置默认值 checkbox不选中传值
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq6759/article/details/89355094
版权

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 要保持相同。

 

 

推荐文章

 layui checkbox 设置默认值无效

dong-sir
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
checkbox 设置默认值
A's World
08-02 2974
checkbox 设置默认值checkbox 设置默认值checkbox 设置默认值checkbox 设置默认值
Ant Design多选框组件Checkbox动态默认初始选值
zkm1063346535的博客
06-01 3904
Ant Design多选框组件Checkbox动态默认初始选值
使用JQuery获取被选中的checkbox的value值 以及全选、反选
最新发布
m0_72642319的博客
05-16 387
使用JQuery获取被选中的checkbox的value值 以及全选、反选
checkbox默认值
fyqcdbdx的专栏
12-21 3820
如果checkbox复选框，没给value赋值，当选中时，它的value值默认是on，反之是off。
html:checkbox默认值显示
yyys8517750的专栏
08-15 1176
html:checkbox默认值显示,一直不出来，找了半天，用了第二种方法，结果后来发现是form里面用的String型，悲剧啊，支持第一种 &lt;1&gt; &lt;html:checkbox&gt; 检查框 &lt;html:checkbox property=”checkbox1” value=”true’ &gt;property对应的actionForm中属性必须为bool...
修改checkbox(复选框)默认的样式/复选框的全选全不选
m0_53912016的博客
09-13 1362
修改 checkbox(复选框) 默认的颜色 https://blog.csdn.net/weixin_44037153/article/details/107405594 复选框的全选全不选 https://www.cnblogs.com/sgs123/p/10436516.html
让checkbox默认为选择状态
TOMA1B2C3的博客
05-17 3483
有需求要让一些checkbox默认显示为打对号的状态，代码如下：$("input[value='"+obj+"']").attr('checked', true);
checkbox选中 全选 传值
03-15
在IT行业中，"checkbox选中 全选 传值"是一个常见的交互功能，特别是在Web开发领域。这个功能涉及到用户界面（UI）设计、JavaScript编程、HTML和CSS等基础知识。下面将详细阐述这些知识点： 1. **Checkbox（复选框...
bootstrap 设置checkbox部分选中效果
10-20
在Bootstrap中，设置复选框（Checkbox）的部分选中效果通常涉及到JavaScript的交互操作，特别是当需要根据后台数据动态控制复选框的状态时。本文将详细探讨如何实现这一功能。 首先，我们了解基本的HTML复选框结构...
让checkbox不选中即将选中的checkbox不选中
09-04
把选中的checkbox置空，即将选中的checkbox不选中，实现的方法很多，下面为大家分享个不错可行，已测试的好方法，希望对大家有所帮助
jsp实现checkbox的ajax传值实例
10-24
主要介绍了jsp实现checkbox的ajax传值,实例分析了针对checkbox的Ajax使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
checkbox选中与未选中判断示例
09-04
本节主要介绍了checkbox选中与未选中的判断方法，需要的朋友可以参考下
获取 checkbox 和 radio 选定的值，以及设默认值
盼君的程序人生
06-02 914
window.onload=function(){ var condition = document.getElementById("conditiontext").value; var radioObject = document.getElementsByName("condition"); if(condition === "") {
通过数值对应给checkbox的设置默认属性值（勾选状态）
热门推荐
wanyuanshi的博客
07-13 1万+
//初始化默认已拥有的权限 $(function () { /*  获取所有复选框的值    var box = document.getElementsByName("user-Character-0-0-0"); var objArray = box.length; var chestr=""; for(var i=0;i&lt;objArray...
el-checkbox多选时默认赋值
九段刀客的博客
08-11 1143
值给成对象时，value-key必填 <template> <div> <el-select v-model="value" multiple @change="change" value-key="key"> <el-option v-for="item in options" :key="item.key" :label="item.label" :value="item"></el-option> <
html复选框不选中就不传值,input type="checkbox" 选中传值，不选中传值的方法讲解...
weixin_28941895的博客
06-03 1033
最近在使用form表单时，出现了一个问题，checkbox如果选中会传true，没选中就什么都不传，但是这不是想要的效果呀，希望做到选中时传true，不选中时传false。那么就有以下两种方法1.2.生成这样的表单，当checkbox未选中的时候，提交的是hidden表单。false就被提交到服务器了。当checkbox都选中的时候，hidden和checkbox表单都被提交了，但是因为它们的na...
element ui中el-cascader设置默认值，可选中但是input框不显示默认值的原因
weixin_57011137的博客
09-24 5336
在做一些后台的时候，可能需要用到element-ui组件中的级联选择器的多选框的回显 首先 给el-cascader组件通过v-model绑定一个变量 在进入页面前通过接口获取id来进行回显，有的时候我们会出现那种input下的列表被选中了，但是input框中的值没有进行展示 因为我们一般进行赋值的时候是在mounted获取值来进行回显的，当时页面已经挂载好了，所以将其放到created中或者beforeMount即可通过id来进行回显 ...
check框获取不到值
weixin_44510100的博客
08-26 415
check框未选中情况下获取不到值
踩坑 antd Form表单获取input默认值失败，Form表单校验input 必填 默认值为undefined
github_54195343的博客
05-09 4402
问题描述：1，跳转页面后，通过url传参，将参数自动回填到下一个页面的input输入框里，打开页面后，input成功显示回写内容。2，为FormItem添加必填校验required:true。3，提交表单，校验未通过，提示input未填写内容，手动输入则校验成功。 代码如下： 问题在于，rules进行校验的时候，拿到的input value是undefined，如果把rules的校验规则写成自定义的函数，打印value则能直观的看到值为：undefined。 思路：默认值是Input输入框的，除非
serializeJSON 给没有选中的 checkbox 设置默认值
05-31
在使用 serializeJSON 进行表单序列化时，默认情况下，没有选中的 checkbox 和 radio 控件会被忽略，因为它们没有提交任何数据。如果你想要将这些控件的值也包含在序列化的数据中，可以通过设置 `checkboxUncheckedValue` 选项来实现。例如： ```javascript $('form').serializeJSON({ checkboxUncheckedValue: 'off' }); ``` 这样，所有没有选中的 checkbox 和 radio 控件的值都会被设置为 `'off'`，然后序列化到 JSON 数据中。当然，你可以根据自己的需求来自定义 `checkboxUncheckedValue` 的值。 如果你想要为特定的 checkbox 控件设置默认值，可以在 HTML 中将它的 value 属性设置为默认值，例如： ```html <input type="checkbox" name="hobby" value="reading"> ``` 这样，如果这个 checkbox 没有被选中，它的值就会自动设置为 `"reading"`。如果它被选中了，它的值就会是 `"reading"` 和其他选中的 checkbox 的值一起被序列化到 JSON 数据中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值