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

解读IE和firefox下JScript和HREF的执行顺序

Jan 12 Javascript

多个jquery.datatable共存,checkbox全选异常的快速解决方法

Dec 10 Javascript

js/jquery获取文本框输入焦点的方法

Mar 04 Javascript

jQuery绑定事件不执行但alert后可以正常执行

Jun 03 Javascript

jQuery中的jQuery()方法用法分析

Dec 27 Javascript

AngularJS入门心得之directive和controller通信过程

Jan 25 Javascript

PHP抓取HTTPS内容和错误处理的方法

Sep 30 Javascript

js实现自定义路由

Feb 04 Javascript

vue中使用element-ui进行表单验证的实例代码

Jun 22 Javascript

Angular4.x Event (DOM事件和自定义事件详解)

Oct 09 Javascript

详解element-ui级联菜单（城市三级联动菜单）和回显问题

Oct 02 Javascript

15个值得收藏的JavaScript函数

Sep 15 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截取中文字符串的问题

2006/07/12 PHP

php数组函数序列之array_intersect() 返回两个或多个数组的交集数组

2011/11/10 PHP

163的邮件用phpmailer发送(实例详解)

2013/06/24 PHP

destoon利用Rewrite规则设置网站安全

2014/06/21 PHP

PHP扩展模块memcached长连接使用方法分析

2014/12/24 PHP

php结合ACCESS的跨库查询功能

2015/06/12 PHP

PHP 常用的header头部定义汇总

2015/06/19 PHP

Laravel-添加后台模板AdminLte的实现方法

2019/10/08 PHP

用js自动判断浏览器分辨率的代码

2007/01/28 Javascript

基于jquery跨浏览器显示的file上传控件

2011/10/24 Javascript

简洁Ajax函数处理(示例代码)

2013/11/15 Javascript

使用jquery写个更改表格行顺序的小功能

2014/04/29 Javascript

利用jQuery实现可以编辑的表格

2014/05/26 Javascript

js实现点击链接后延迟3秒再跳转的方法

2015/06/05 Javascript

分享经典的JavaScript开发技巧

2015/11/21 Javascript

JavaScript地理位置信息API

2016/06/11 Javascript

浅谈JS中逗号运算符的用法

2016/06/12 Javascript

AngularJS表格添加序号的方法

2017/03/03 Javascript

基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)

2017/11/02 Javascript

微信小程序上线发布流程图文详解

2019/05/06 Javascript

如何使用CSS3和JQuery easing 插件制作绚丽菜单

2019/06/18 jQuery

layui中select，radio设置不生效的解决方法

2019/09/05 Javascript

VUEX 数据持久化,刷新后重新获取的例子

2019/11/12 Javascript

vue 动态添加的路由页面刷新时失效的原因及解决方案

2021/02/26 Vue.js

Python 随机生成中文验证码的实例代码

2013/03/20 Python

Python捕捉和模拟鼠标事件的方法

2015/06/03 Python

Python数据处理numpy.median的实例讲解

2018/04/02 Python

python查找指定文件夹下所有文件并按修改时间倒序排列的方法

2018/10/21 Python

波兰珠宝品牌：YES

2019/08/09 全球购物

是否有自动比较结构的方法

2015/06/03 面试题

2014年平安建设工作总结

2014/11/19 职场文书

2014年客服工作总结与计划

2014/12/09 职场文书

工作收入证明范本

2015/06/12 职场文书

刘胡兰观后感

2015/06/16 职场文书

导游词之无锡东林书院

2019/12/11 职场文书

MySQL 那些常见的错误设计规范,你都知道吗

2021/07/16 MySQL