编程 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 相关文章推荐

兼容多浏览器的字幕特效Marquee的通用js类

Jul 20 Javascript

使用原生js写的一个简单slider

Apr 29 Javascript

纯js实现重发验证码按钮倒数功能

Apr 21 Javascript

Jquery Easyui对话框组件Dialog使用详解（14）

Dec 19 Javascript

fullPage.js和CSS3实现全屏滚动效果

May 05 Javascript

node实现简单的反向代理服务器

Jul 26 Javascript

JavaScript数据类型的存储方法详解

Aug 25 Javascript

angularjs select 赋值 ng-options配置方法

Feb 28 Javascript

Vue + better-scroll 实现移动端字母索引导航功能

May 07 Javascript

Vue实现微信支付功能遇到的坑

Jun 05 Javascript

详解Webpack如何引入CDN链接来优化编译后的体积

Jun 21 Javascript

JavaScript实现拖动对话框效果的实现代码

Oct 12 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

ajax在joomla中的原生态应用代码

2012/07/19 PHP

PHP中配置IIS7实现基本身份验证的方法

2015/09/24 PHP

利用PHP生成静态html页面的原理

2016/09/30 PHP

thinkphp框架page类与bootstrap分页（美化）

2017/06/25 PHP

php传值和传引用的区别点总结

2019/11/19 PHP

javascript学习随笔(使用window和frame)的技巧

2007/03/08 Javascript

IE 当eval遇上function的处理

2011/08/09 Javascript

JavaScript的继承的封装介绍

2013/10/15 Javascript

jQuery事件绑定与解除绑定实现方法

2015/04/15 Javascript

使用cookie绕过验证码登录的实现代码

2017/10/12 Javascript

Angular中管道操作符(|)的使用方法

2017/12/15 Javascript

JS实现将二维数组转为json格式字符串操作示例

2018/07/12 Javascript

vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show

2019/04/12 Javascript

Nodejs + Websocket 指定发送及群聊的实现

2020/01/09 NodeJs

viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)

2020/04/01 jQuery

js动态添加带圆圈序号列表的实例代码

2021/02/18 Javascript

[02:33]DOTA2英雄基础教程司夜刺客

2013/12/04 DOTA

Windows上配置Emacs来开发Python及用Python扩展Emacs

2015/11/20 Python

python切片及sys.argv[]用法详解

2018/05/25 Python

python+opencv实现高斯平滑滤波

2020/07/21 Python

对django layer弹窗组件的使用详解

2019/08/31 Python

python pyinstaller打包exe报错的解决方法

2019/11/02 Python

离线状态下在jupyter notebook中使用plotly实例

2020/04/24 Python

在pycharm中创建django项目的示例代码

2020/05/28 Python

Python如何转换字符串大小写

2020/06/04 Python

印尼旅游网站：via

2017/11/12 全球购物

美国餐厅用品和厨房设备批发网站：KaTom Restaurant Supply

2018/01/27 全球购物

香港通票：Hong Kong Pass

2019/02/26 全球购物

阿里巴巴美国：Alibaba美国

2019/11/24 全球购物

求职简历自荐信范文

2013/10/21 职场文书

安全生产检讨书

2014/01/21 职场文书

三八妇女节活动主持词

2014/03/17 职场文书

检讨书大全

2015/01/27 职场文书

2015年推普周活动总结

2015/03/27 职场文书

预备党员党支部意见

2015/06/02 职场文书

基于Nginx实现限制某IP短时间访问次数

2021/03/31 Servers