原生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 自定义带默认值的函数
Jul 21 Javascript
javascript:;与javascript:void(0)使用介绍
Jun 05 Javascript
js实现的切换面板实例代码
Jun 17 Javascript
Jquery事件的连接使用示例
Jun 18 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
Apr 16 Javascript
js如何打印object对象
Oct 16 Javascript
学习vue.js条件渲染
Dec 03 Javascript
微信小程序开发之入门实例教程篇
Mar 07 Javascript
Vue框架之goods组件开发详解
Jan 25 Javascript
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
微信小程序与后台PHP交互的方法实例分析
Dec 10 Javascript
微信小程序如何获取用户头像和昵称
Sep 23 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网站在线人数统计
2008/04/09 PHP
php学习之运算符相关概念
2011/06/09 PHP
discuz加密解密函数使用方法和中文注释
2014/01/21 PHP
php中的字符编码转换函数用法示例
2014/10/20 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
2015/06/10 PHP
详谈PHP中的密码安全性Password Hashing
2017/02/04 PHP
彻底搞懂JS无缝滚动代码
2007/01/03 Javascript
javascript自动改变文字大小和颜色的效果的小例子
2013/08/02 Javascript
jQuery DOM删除节点操作指南
2015/03/03 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
javascript实现超炫的向上滑行菜单实例
2015/08/03 Javascript
JS获取鼠标相对位置的方法
2016/09/20 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
2017/02/19 Javascript
纯JS实现轮播图
2017/02/22 Javascript
javascript深拷贝的原理与实现方法分析
2017/04/10 Javascript
基于Node.js实现压缩和解压缩的方法
2018/02/13 Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
2019/03/30 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
2019/06/24 Javascript
bootstrap table实现iview固定列的效果实例代码详解
2019/09/30 Javascript
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
python字符串排序方法
2014/08/29 Python
详谈python3中用for循环删除列表中元素的坑
2018/04/19 Python
Python subprocess库的使用详解
2018/10/26 Python
处理python中多线程与多进程中的数据共享问题
2019/07/28 Python
tensorflow之并行读入数据详解
2020/02/05 Python
Python实现列表中非负数保留,负数转化为指定的数值方式
2020/06/04 Python
CSS3之2D与3D变换的实现方法
2019/01/28 HTML / CSS
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
2020/03/18 HTML / CSS
巴西图书和电子产品购物网站:Saraiva
2017/06/07 全球购物
澳大利亚排名第一的儿童在线玩具商店:Toy Galaxy
2018/10/06 全球购物
加拿大最大的体育用品、鞋类和服装零售商:Sport Chek
2018/11/29 全球购物
SQL里面IN比较快还是EXISTS比较快
2012/07/19 面试题
运动会入场词100字
2014/02/06 职场文书
代办出身证明书
2014/10/21 职场文书
2016自主招生教师推荐信范文
2015/03/23 职场文书