原生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 相关文章推荐
Javascript 构造函数 实例分析
Nov 26 Javascript
动态加载JS文件的三种方法
Nov 08 Javascript
jQuery插件开发详细教程
Jun 06 Javascript
JQuery显示隐藏DIV的方法及代码实例
Apr 16 Javascript
jQuery中使用each处理json数据
Apr 23 Javascript
写jQuery插件时的注意点
Feb 20 Javascript
详解vue组件化开发-vuex状态管理库
Apr 10 Javascript
使用jQuery和ajax代替iframe的方法(详解)
Apr 12 jQuery
JavaScript中关于class的调用方法
Nov 28 Javascript
实例分析vue循环列表动态数据的处理方法
Sep 28 Javascript
详解vue 不同环境配置不同的打包命令
Apr 07 Javascript
Openlayers+EasyUI Tree动态实现图层控制
Sep 28 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 无限级数据JSON格式及JS解析
2010/07/17 PHP
PHP Session 变量的使用方法详解与实例代码
2013/09/11 PHP
Yii操作数据库的3种方法
2014/03/11 PHP
PHP实现基于PDO扩展连接PostgreSQL对象关系数据库示例
2018/03/31 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
prototype Element学习笔记(篇二)
2008/10/26 Javascript
firefox插件Firebug的使用教程
2010/01/02 Javascript
javascript 学习笔记(onchange等)
2010/11/14 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
2015/07/30 Javascript
Easyui form combobox省市区三级联动
2016/01/13 Javascript
基于JavaScript实现本地图片预览
2017/02/08 Javascript
ES6使用export和import实现模块化的方法
2018/09/10 Javascript
js获取form表单中name属性的值
2019/02/27 Javascript
vue实现输入一位数字转汉字功能
2019/12/13 Javascript
在webstorm中配置less的方法详解
2020/09/25 Javascript
vuejs实现下拉框菜单选择
2020/10/23 Javascript
python里对list中的整数求平均并排序
2014/09/12 Python
Django的URLconf中使用缺省视图参数的方法
2015/07/18 Python
python 使用get_argument获取url query参数
2017/04/28 Python
对python中数据集划分函数StratifiedShuffleSplit的使用详解
2018/12/11 Python
python、PyTorch图像读取与numpy转换实例
2020/01/13 Python
python argparse传入布尔参数false不生效的解决
2020/04/20 Python
python中常见错误及解决方法
2020/06/21 Python
python实现scrapy爬虫每天定时抓取数据的示例代码
2021/01/27 Python
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
阿里巴巴Oracle DBA笔试题答案-备份恢复类
2013/11/20 面试题
洗发水广告词
2014/03/13 职场文书
2014年关于两会精神的心得体会
2014/03/17 职场文书
投资意向书范本
2014/04/01 职场文书
党员对照检查材料思想汇报
2014/09/16 职场文书
暑期社会实践证明书
2014/11/17 职场文书
企业安全生产检查制度
2015/08/06 职场文书
python实现三阶魔方还原的示例代码
2021/04/28 Python
5分钟教你docker安装启动redis全教程(全新方式)
2021/05/29 Redis
JavaScript实现一键复制内容剪贴板
2022/07/23 Javascript