编程 Javascript

原生js操作checkbox用document.getElementById实现

Posted in Javascript onOctober 12, 2013

jquery与checkbox的checked属性的问题，讲的是控件<input type="checkbox"></input>

1、页面加载成功后，点击选中或取消选中该checkbox，checkbox属性里的checked属性不会根据该checkbox是否选中而变化

2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系

3、使用document.getElementById("checkbox_id").checked获取的值与是否钩上一至，即与所见即所得

4、使用$("#checkbox_id").attr("checked")获取的值与<input type="checkbox"></input>里的checked情况一至，不是所见即所得

5、使用$("#checkbox:checked")获取的都是被钩上的checkbox

6、document.getElementById("checkbox_id").checked=true，控件里的checked属性没有显示出来，所做即所见

7、$("#checkbox_id").attr("checked"，true)，控件里的checked属性显示出来，所做即所见，同时代码也会变化

js操作checkbox本人建议用document.getElementById("checkbox_id").checked，jquery操作checkbox真不爽

原生js操作checkbox用document.getElementById实现

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript实现找出字符串中第一个不重复的字符

Sep 03 Javascript

JS去除iframe滚动条的方法

Apr 01 Javascript

JS留言功能的简单实现案例(推荐)

Jun 23 Javascript

jQuery如何解决IE输入框不能输入的问题

Oct 08 Javascript

使用JavaScript为一张图片设置备选路径的方法

Jan 04 Javascript

vue模板语法-插值详解

Mar 06 Javascript

jquery 一键复制到剪切板的实例

Sep 20 jQuery

css和js实现弹出登录居中界面完整代码

Nov 26 Javascript

深入浅析Node环境和浏览器的区别

Aug 14 Javascript

基于JavaScript实现一个简单的Vue

Sep 26 Javascript

JavaScript循环遍历你会用哪些之小结篇

Sep 28 Javascript

微信小程序页面间跳转传参方式总结

Jun 13 Javascript

基于jquery的9行js轻松实现tab控件示例

Oct 12 #Javascript

JavaScript对象学习经验整理

Oct 12 #Javascript

js修改input的type属性问题探讨

Oct 12 #Javascript

5秒后跳转到另一个页面的js代码

Oct 12 #Javascript

设置checkbox为只读(readOnly)的两种方式

Oct 11 #Javascript

extjs表格文本启用选择复制功能具体实现

Oct 11 #Javascript

JS验证身份证有效性示例

Oct 11 #Javascript

You might like

php实现水仙花数的4个示例分享

2014/04/08 PHP

PHP随机获取未被微信屏蔽的域名(微信域名检测)

2017/03/19 PHP

php如何修改SESSION的生存存储时间的实例代码

2017/07/05 PHP

JavaScript中prototype为对象添加属性的误区介绍

2013/10/15 Javascript

js类型转换与引用类型详解(Boolean_Number_String)

2014/03/07 Javascript

jQuery中的编程范式详解

2014/12/15 Javascript

jQuery及JS实现循环中暂停的方法

2015/02/02 Javascript

javascript为按钮注册回车事件（设置默认按钮）的方法

2015/05/09 Javascript

JavaScript编写Chrome扩展实现与浏览器的交互及时间通知

2016/05/16 Javascript

Bootstrap+jfinal实现省市级联下拉菜单

2016/05/30 Javascript

Document.body.scrollTop的值总为零的快速解决办法

2016/06/09 Javascript

浅谈关于angularJs中使用$.ajax的注意点

2017/08/12 Javascript

JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析

2019/03/06 Javascript

Vue.js实现可编辑的表格

2019/12/11 Javascript

Vue实现简易计算器

2020/02/25 Javascript

vue.js实现简单购物车功能

2020/05/30 Javascript

[51:32]Optic vs Serenity 2018国际邀请赛淘汰赛BO3 第一场 8.22

2018/08/23 DOTA

Python网络编程之TCP套接字简单用法示例

2018/04/09 Python

Python中最大递归深度值的探讨

2019/03/05 Python

win10环境下配置vscode python开发环境的教程详解

2019/10/16 Python

使用python实现画AR模型时序图

2019/11/20 Python

python 解决flask uwsgi 获取不到全局变量的问题

2019/12/22 Python

Python Pillow.Image 图像保存和参数选择方式

2020/01/09 Python

从python读取sql的实例方法

2020/07/21 Python

Amara美国站：英国高端家居礼品网站，世界各地的奢侈家具品牌

2017/07/26 全球购物

德国大型和小型家用电器网上商店：Energeto

2019/05/15 全球购物

波兰家居和花园家具专家：4Home

2019/05/26 全球购物

奥地利手表、香水、化妆品和珠宝购物网站：Brasty.at

2021/01/17 全球购物

函授本科毕业生自我鉴定

2013/10/16 职场文书

大学生入党自我鉴定

2013/10/31 职场文书

电子商务个人自荐信

2013/12/12 职场文书

八一建军节感言

2014/02/28 职场文书

帮一个朋友写的求职信

2014/08/09 职场文书

DjangoRestFramework 使用 simpleJWT 登陆认证完整记录

2021/06/22 Python

一篇文章弄懂Python关键字、标识符和变量

2021/07/15 Python

MySQL对数据表已有表进行分区表的实现

2021/11/01 MySQL