原生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 在firebug调试时用console.log的方法
May 10 Javascript
js单例模式详解实例
Nov 21 Javascript
javascript实现拖放效果
Dec 16 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 Javascript
vue从使用到源码实现教程详解
Sep 19 Javascript
Vue.js实现实例搜索应用功能详细代码
Aug 24 Javascript
jquery+css实现下拉列表功能
Sep 03 jQuery
使用原生js封装的ajax实例(兼容jsonp)
Oct 12 Javascript
原生JS实现瀑布流插件
Feb 06 Javascript
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
Sep 05 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+apc实现上传进度条且在IE7下不显示的问题解决方法
2013/04/25 PHP
关于php操作mysql执行数据库查询的一些常用操作汇总
2013/06/24 PHP
php网站地图生成类示例
2014/01/13 PHP
PHP正则表达式替换站点关键字链接后空白的解决方法
2014/09/16 PHP
js跟随滚动条滚动浮动代码
2009/12/31 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
2010/12/28 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
页面加载完后自动执行一个方法的js代码
2014/09/06 Javascript
javascript+canvas制作九宫格小程序
2014/12/28 Javascript
jquery插件unobtrusive实现片段式加载
2015/06/15 Javascript
Nodejs 搭建简单的Web服务器详解及实例
2016/11/30 NodeJs
BootstrapValidator超详细教程(推荐)
2016/12/07 Javascript
vue+iview动态渲染表格详解
2019/03/19 Javascript
Vue中qs插件的使用详解
2020/02/07 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
VUE+Element实现增删改查的示例源码
2020/11/23 Vue.js
[30:37]【全国守擂赛】第三周擂主赛 Dark Knight vs. Leopard Gaming
2020/05/04 DOTA
python 控制语句
2011/11/03 Python
跟老齐学Python之再深点,更懂list
2014/09/20 Python
python正则表达式的使用
2017/06/12 Python
python保存网页图片到本地的方法
2018/07/24 Python
使用python3实现操作串口详解
2019/01/01 Python
基于Python打造账号共享浏览器功能
2019/05/30 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
pytorch:model.train和model.eval用法及区别详解
2020/02/20 Python
html5定位并在百度地图上显示的示例
2014/04/27 HTML / CSS
HTML5 video 上传预览图片视频如何设置、预览视频某秒的海报帧
2018/08/28 HTML / CSS
Vector, ArrayList, HashTable, HashMap哪些是线程安全的,哪些不是
2015/10/12 面试题
中学生期末评语
2014/02/03 职场文书
化学教学随笔感言
2014/02/19 职场文书
企业厂务公开实施方案
2014/03/26 职场文书
团代会邀请函
2015/02/02 职场文书
超市店长竞聘书
2015/09/15 职场文书
MySQL 数据丢失排查案例
2021/05/08 MySQL
python使用shell脚本创建kafka连接器
2022/04/29 Python
win11自动弹出虚拟键盘怎么关闭? Win11关闭虚拟键盘的技巧
2023/01/09 数码科技