原生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 相关文章推荐
给网站上的广告“加速”显示的方法
Apr 08 Javascript
js实现简单模态窗口,背景灰显
Nov 14 Javascript
Tips 带三角可关闭的文字提示
Oct 06 Javascript
JQuery学习笔记 nt-child的使用
Jan 17 Javascript
jQuery常见开发技巧详细整理
Jan 02 Javascript
node.js中的buffer.slice方法使用说明
Dec 10 Javascript
javascript中使用未定义变量或值的情况分析
Jul 19 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
Jun 06 Javascript
vue router仿天猫底部导航栏功能
Oct 18 Javascript
AjaxUpLoad.js实现文件上传
Mar 05 Javascript
详解JS深拷贝与浅拷贝
Aug 04 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 include的妙用,实现路径加密
2008/07/29 PHP
无需重新编译php加入ftp扩展的解决方法
2013/02/07 PHP
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
php构造函数的继承方法
2015/02/09 PHP
如何使用PHP Embed SAPI实现Opcodes查看器
2015/11/10 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
关于javascript中的parseInt使用技巧
2009/09/03 Javascript
javascript dom代码应用 简单的相册[firefox only]
2010/06/12 Javascript
jquery ajax abort()的使用方法
2010/10/28 Javascript
jQuery ready函数滥用分析
2011/02/16 Javascript
jquery live()重复绑定的解决方法介绍
2014/01/03 Javascript
jquery实现简单实用的打分程序实例
2015/07/23 Javascript
谈谈AngularJs中的隐藏和显示
2015/12/09 Javascript
js实现文字超出部分用省略号代替实例代码
2016/09/01 Javascript
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
2018/12/11 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
jQuery HTML获取内容和属性操作实例分析
2020/05/20 jQuery
[01:29:17]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
Python简单日志处理类分享
2015/02/14 Python
Django rest framework基本介绍与代码示例
2018/01/26 Python
对python判断是否回文数的实例详解
2019/02/08 Python
python利用跳板机ssh远程连接redis的方法
2019/02/19 Python
python脚本执行CMD命令并返回结果的例子
2019/08/14 Python
哈工大自然语言处理工具箱之ltp在windows10下的安装使用教程
2020/05/07 Python
keras的ImageDataGenerator和flow()的用法说明
2020/07/03 Python
Python变量格式化输出实现原理解析
2020/08/06 Python
纽约家具、家居装饰和地毯店:ABC Carpet & Home
2017/06/21 全球购物
Eyeko美国:屡获殊荣的睫毛膏、眼线笔和眉妆
2018/07/05 全球购物
毕业生自我鉴定
2013/12/04 职场文书
单位未婚证明范本
2014/01/18 职场文书
运动会入场词50字
2014/02/20 职场文书
奥巴马竞选演讲稿
2014/05/15 职场文书
2015年个人实习工作总结
2014/12/12 职场文书
JavaScript实现简单计时器
2021/06/22 Javascript
Win11 Build 22000.829更新补丁KB5015882发布(附更新修复内容汇总)
2022/07/15 数码科技
Mysql中mvcc各场景理解应用
2022/08/05 MySQL