原生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 相关文章推荐
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
Jun 14 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
jQuery实现contains方法不区分大小写的方法
Feb 13 Javascript
创建你的第一个AngularJS应用的方法
Jun 16 Javascript
jquery+CSS3实现3D拖拽相册效果
Jul 18 Javascript
JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例
Aug 03 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
Oct 24 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
Feb 13 Javascript
VueJS如何引入css或者less文件的一些坑
Apr 25 Javascript
JS设计模式之状态模式概念与用法分析
Feb 05 Javascript
使用javascript函数编写简单银行取钱存钱流程
May 26 Javascript
梳理一下vue中的生命周期
Dec 30 Vue.js
基于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
IIS下配置Php+Mysql+zend的图文教程
2006/12/08 PHP
CakePHP去除默认显示的标题及图标的方法
2008/10/22 PHP
php 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
php jsonp单引号转义
2014/11/23 PHP
php 在线导入mysql大数据程序
2015/06/11 PHP
prototype Element学习笔记(篇二)
2008/10/26 Javascript
JavaScript 新手24条实用建议[TUTS+]
2009/06/21 Javascript
js 小数取整的函数
2010/05/10 Javascript
最常用的12种设计模式小结
2011/08/09 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
2016/09/09 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
2016/12/12 Javascript
Vue2.x中的父子组件相互通信的实现方法
2017/05/02 Javascript
vue-router配合ElementUI实现导航的实例
2018/02/11 Javascript
Vue路由钩子之afterEach beforeEach的区别详解
2018/07/15 Javascript
js中arguments对象的深入理解
2019/05/14 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
2020/05/22 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
[01:18]PWL开团时刻DAY4——圣剑与抢盾
2020/11/03 DOTA
Python+django实现文件下载
2016/01/17 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
最新PyCharm从安装到PyCharm永久激活再到PyCharm官方中文汉化详细教程
2020/11/17 Python
利用CSS3的定位页面元素
2009/08/29 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
香港最大的洋酒零售连锁店:屈臣氏酒窖(Watson’s Wine)
2018/12/10 全球购物
节约用水倡议书
2014/04/16 职场文书
秋天的怀念教学反思
2014/04/28 职场文书
学校政风行风评议心得体会
2014/10/21 职场文书
汽车销售员岗位职责
2015/04/11 职场文书
就业推荐表院系意见
2015/06/05 职场文书
开业典礼致辞
2015/07/29 职场文书
php中pcntl_fork详解
2021/04/01 PHP
Python 读写 Matlab Mat 格式数据的操作
2021/05/19 Python
使用jpa之动态插入与修改(重写save)
2021/11/23 Java/Android
Python中re模块的元字符使用小结
2022/04/07 Python