原生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真不爽

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