原生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 相关文章推荐
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 Javascript
JS创建类和对象的两种不同方式
Aug 08 Javascript
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
微信小程序开发的四十个技术窍门总结(推荐)
Jan 23 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
Mar 23 Javascript
js实现单张图片平移切换效果
Oct 11 Javascript
基于滚动条位置判断的简单实例
Dec 14 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
Sep 03 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
Nov 28 Javascript
通过实例了解JS 连续赋值
Sep 24 Javascript
简单谈谈offsetleft、offsetTop和offsetParent
Dec 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生成zip压缩文件的方法详解
2013/06/09 PHP
ThinkPHP通过AJAX返回JSON的两种实现方法
2014/12/18 PHP
javascript 学习笔记(六)浏览器类型及版本信息检测代码
2011/04/08 Javascript
javascript 10进制和62进制的相互转换
2014/07/31 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
jQuery视差滚动效果网页实现方法经验总结
2016/09/29 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
2017/08/30 Javascript
vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
2018/04/13 Javascript
详解Angular中通过$location获取地址栏的参数
2018/08/02 Javascript
layui实现点击按钮给table添加一行
2018/08/10 Javascript
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
浅谈js数组splice删除某个元素爬坑
2020/10/14 Javascript
对于Python编程中一些重用与缩减的建议
2015/04/14 Python
用Python的Tornado框架结合memcached页面改善博客性能
2015/04/24 Python
Python实现针对中文排序的方法
2017/05/09 Python
python的unittest测试类代码实例
2017/12/07 Python
浅谈机器学习需要的了解的十大算法
2017/12/15 Python
更新修改后的Python模块方法
2019/03/03 Python
用python求一个数组的和与平均值的实现方法
2019/06/29 Python
Python 静态方法和类方法实例分析
2019/11/21 Python
Anaconda+Pycharm环境下的PyTorch配置方法
2020/03/13 Python
使用jupyter notebook将文件保存为Markdown,HTML等文件格式
2020/04/14 Python
python实现PolynomialFeatures多项式的方法
2021/01/06 Python
浅析与CSS3的loading动画加载相关的transition优化
2015/05/18 HTML / CSS
canvas绘制树形结构可视图形的实现
2020/04/03 HTML / CSS
美体小铺印度官网:The Body Shop印度
2019/10/17 全球购物
培训演讲稿范文
2014/01/12 职场文书
三年级评语大全
2014/04/23 职场文书
公司年会策划方案
2014/05/17 职场文书
党员自我剖析材料
2014/08/31 职场文书
2014年药房工作总结
2014/11/22 职场文书
个人年终总结结尾
2015/03/06 职场文书
物流仓管员岗位职责
2015/04/01 职场文书
行政司机岗位职责
2015/04/10 职场文书
Python实现批量自动整理文件
2022/03/16 Python
Python实现将多张图片合成MP4视频并加入背景音乐
2022/04/28 Python