编程 Javascript

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

原生js操作checkbox用document.getElementById实现

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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