AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

关于复选框checkbox没有选中不能获取值的问题

2022-12-08 184
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 关于复选框checkbox没有选中不能获取值的问题

大家应该在获取checkbox值的时候发现没有选中是没有值的,value这个值选中才会有,那该怎么让它不选中也获取呢?

很简单,加个隐藏的input,通过点击复选框,用js事件改input的值

image.png

大概就是这样,最后贴上一段代码

1

2

3

4

5

6

7

8

9

$(function(){    

$(".attr_if_check").on('click',function(){    

if($(this).attr('checked')){    

$(this).siblings('.attr_if_neglect').val('1');    

}else{    

$(this).siblings('.attr_if_neglect').val('0');    

}    

})    

});
文章标签：
JavaScript
仙士可
目录
相关文章
jjczqyjxgdegi
|
6月前
|
JavaScript 前端开发
详细解读checkbox的全选与反选
详细解读checkbox的全选与反选
jjczqyjxgdegi
88 0
祈澈菇凉
全选或者单选checkbox的值动态添加到div
全选或者单选checkbox的值动态添加到div
祈澈菇凉
58 0
song19990524
复选框checkbox的三种状态
复选框checkbox的三种状态
song19990524
119 0
讓丄帝愛伱
单选、全选、反选、获得所有选中的checkbox
单选、全选、反选、获得所有选中的checkbox
讓丄帝愛伱
53 0
漏刻有时
|
JavaScript 前端开发
layui复选框checkbox全选和获取值的解决方案
layui复选框checkbox全选和获取值的解决方案
漏刻有时
1133 0
前端的路人丁
|
JavaScript
element checkbox复选框实现全选功能
element checkbox复选框实现全选功能
前端的路人丁
794 0
木木木和小琳琳
复选框全选与反选
复选框全选与反选
木木木和小琳琳
60 0
西柚与蓝莓
自定义复选框CheckBox的样式
自定义复选框CheckBox的样式
西柚与蓝莓
125 0
仙士可
|
JavaScript
关于复选框checkbox没有选中不能获取值的问题
大家应该在获取checkbox值的时候发现没有选中是没有值的,value这个值选中才会有,那该怎么让它不选中也获取呢? 很简单,加个隐藏的input,通过点击复选框,用js事件改input的值
仙士可
90 0
程序员诗人
input checkbox 复选框大小修改
有的时候，需要使用复选框，但是复选框有时候默认的太小，这时候就需要加大复选框。 解决方法： 其实就是zoom属性，这个是放大的意思，可以设置为180%，这样就会比之前大很多。
程序员诗人
1488 0