Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >checkbox选中和不选中的值_设置checkbox选中状态

checkbox选中和不选中的值_设置checkbox选中状态

作者头像
全栈程序员站长
发布于 2022-08-03 05:10:02
发布于 2022-08-03 05:10:02
8.7K0
举报

大家好,又见面了,我是你们的朋友全栈君。

1.设置选中:$(“#hasApply”).prop(“checked”,true);

设置不选中:$(“#hasApply”).prop(“checked”,false);

或如下方法:

// $(“#ck”).attr(“checked”,true)//选中

// $(“#ck”).attr(“checked”,false)//未选中

2.获取选中的状态:var status = $(“#hasApply”).prop(“checked”);

3.判断checkbox是否选中的3种方法

方法一: if ((“#checkbox-id”).get(0).checked) { // do something } 方法二: if((‘#checkbox-id’).is(‘:checked’)) { // do something } 方法三: if ((‘#checkbox-id’).attr(‘checked’)) { // do something } 注意:在jQuery1.6版本之后,这个方法返回的是undefined;取复选框有没有被选中,要用prop,返回true/false if((‘#checkbox-id’).prop(‘checked’)) {   //do something } 获取选择 radio 的值

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/124822.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年4月2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
checkbox选中和不选中 jqu_jquery怎么设置checkbox不选中?
1、设置不选中:$(“#my-checkbox”).prop(“checked”,false);
全栈程序员站长
2022/09/14
4.1K0
checkbox的attr("checked")一直以来,undefined问题解决
大家好,又见面了,我是全栈君最近,屌丝要项目开发的需要,需要一个完整的选checkbox特征。
全栈程序员站长
2022/01/17
4440
jquery的checkbox,radio,select等方法总结
jquery的checkbox,radio,和select是jquery操作的一个难点和重点,很多前端新手对其了解不是很透彻。时间久了不用,我在写的时候有时也难免对某些操作支支吾吾,记不清楚,现在,对其做一些简单的总结!
Java帮帮
2018/12/19
2.5K0
jquery的checkbox,radio,select等方法总结
js原生、jquery单选框radio总结(获取值、设置默认选中值、样式)
label标签的两种使用方法: https://blog.csdn.net/qq_40015157/article/details/110850331
全栈程序员站长
2022/09/02
10.4K0
js原生、jquery单选框radio总结(获取值、设置默认选中值、样式)
checkbox选中和不选中
根据W3C的最新规定,当复选框未被选中时,post不会向服务器提交值,这就导致了变量未初始化的问题。看网上有多少朋友添加隐藏形式来解决。如果有多个复选框,会增加很多代码。
Power
2023/05/25
2.3K0
checkbox选中和不选中
jquery循环获取所有复选框,包括选中的,未选中的「建议收藏」
此处小编的是freemarker代码,不过html代码一样的,有了复选框后,要保证每个复选框的name是一致的。这样下面才能遍历
全栈程序员站长
2022/08/05
3.5K0
从零开始学 Web 之 jQuery(四)元素的创建添加与删除,自定义属性
一般 val() 是获取表单的 value 属性; val(值); 设置表单的 value 属性。
Daotin
2018/08/31
2.5K0
从零开始学 Web 之 jQuery(四)元素的创建添加与删除,自定义属性
jQuery/JS判断/设置checkbox的选中状态
项目中经常遇到 checked 选中的问题,可以通过 JS 或者 jQuery 实现。
德顺
2019/11/12
19.2K0
关于checkbox选中问题总结「建议收藏」
(1)ng-checked的值只是用来决定初始状态时选中还是为选中,ng-model 才是随着复选框是否被选中,来实时改变它绑定变量的值。
全栈程序员站长
2022/09/07
1.4K0
如何实现复选框的全选和取消全选效果
如何实现复选框的全选和取消全选效果: 在很多网站都有这样的功能,当点击一个全选按钮之后,所有的复选框都会被选中,再点击之后会取消全选,功能非常的人性化,可以省却很多人力,下面就简单介绍一下JS如何实现此功能,代码实例如下:
全栈程序员站长
2022/07/15
2.8K0
checkbox选中和不选中 jqu_jquery checkbox 选中不选中
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
全栈程序员站长
2022/09/07
3.3K0
获取页面中被选中元素的 JS原生方法 与 jQuery方法 分析
补充 然而说到获取属性,我们一定会想到getAttribute() 方法,返回值是属性的值 或者 null,但是这个方法来获取checked属性的值,并不好用,他有和方法三 一样的缺陷,他始终都只会获取checked属性的初始值,用户在页面上点击是不会改变他的值的!
FEWY
2019/05/26
5.5K0
jQuery 属性操作
jQuery 常用属性操作有三种:prop() / attr() / data() ;
星辰_大海
2020/10/09
1.6K0
jQuery 属性操作
js checkbox复选框实现单选功能[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/139018.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/23
6.2K0
判断 checkbox 是否选中以及 设置checkbox选中
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/154601.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/07
6.7K0
jQuery 属性操作
​ jQuery 常用属性操作有三种:prop() / attr() / data() ;
梨涡浅笑
2022/05/08
2K0
jquery关于checkbox选中和不选中的问题
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/148481.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/07
2.2K0
Jquery 获取checkbox属性checked为undefined和改变状态 值不变
API: As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been set. In addition, .attr() should not be used on plain objects, arrays, the window, or the document. To retrieve and change DOM properties, use the .prop() method.
冷冷
2018/02/08
2.2K0
jquery 获取或设置radio单选框选中值的方法
如删除第3个Radio:$(“input:radio”).eq(2).remove();
全栈程序员站长
2022/08/26
8K0
jQuery.prop , jQuery.attr ,jQuery.data
jquery.prop 获取匹配的元素中第一个元素特定的属性值,或者是设置多个元素的属性值。
_淡定_
2018/08/24
4.4K0
推荐阅读
相关推荐
checkbox选中和不选中 jqu_jquery怎么设置checkbox不选中?
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档