原生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 相关文章推荐
Jquery作者John Resig自己封装的javascript 常用函数
Nov 09 Javascript
jquery将一个表单序列化为一个对象的方法
Dec 02 Javascript
模拟用户点击弹出新页面不会被浏览器拦截
Apr 08 Javascript
jquery判断元素是否隐藏的多种方法
May 06 Javascript
JS拖拽组件学习使用
Jan 19 Javascript
Vue.js双向绑定操作技巧(初级入门)
Dec 27 Javascript
深入浅析JavaScript中的RegExp对象
Sep 18 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
Jan 25 Javascript
Taro集成Redux快速上手的方法示例
Jun 21 Javascript
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
Vue ​v-model相关知识总结
Jan 28 Vue.js
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
Apr 13 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 上一篇,下一篇文章实现代码与原理说明
2010/05/09 PHP
PHP执行批量mysql语句的解决方法
2013/05/02 PHP
在Mac OS上编译安装Nginx+PHP+MariaDB开发环境的教程
2016/02/23 PHP
PHP身份证校验码计算方法
2016/08/10 PHP
PHP判断文件是否被引入的方法get_included_files用法示例
2016/11/29 PHP
PHP5.5新特性之yield理解与用法实例分析
2019/01/11 PHP
div模拟滚动条效果示例代码
2013/10/16 Javascript
javascript函数自动执行常用方法汇总
2016/03/28 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
JavaScript基于replace+正则实现ES6的字符串模版功能
2017/04/25 Javascript
利用node.js制作命令行工具方法教程(一)
2017/06/22 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
2017/08/15 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
2017/10/17 Javascript
vue 组件 全局注册和局部注册的实现
2018/02/28 Javascript
vue-cli3中vue.config.js配置教程详解
2019/05/29 Javascript
JavaScript创建、读取和删除cookie
2019/09/03 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
2019/11/01 Javascript
Python查找函数f(x)=0根的解决方法
2015/05/07 Python
基于python生成器封装的协程类
2019/03/20 Python
Django中的AutoField字段使用
2020/05/18 Python
详解Python中第三方库Faker
2020/09/25 Python
Django-silk性能测试工具安装及使用解析
2020/11/28 Python
pandas apply使用多列计算生成新的列实现示例
2021/02/24 Python
html5的新增的标签和废除的标签简要概述
2013/02/20 HTML / CSS
Needle & Thread官网:英国仙女品牌
2018/01/13 全球购物
利用异或运算实现两个无符号数的加法运算
2013/12/20 面试题
酒店管理毕业生自荐信
2013/10/24 职场文书
大学社团活动策划书
2014/01/26 职场文书
教师党员一句话承诺
2014/03/28 职场文书
2015年行政工作总结范文
2015/04/09 职场文书
欢迎新生标语2015
2015/07/16 职场文书
Python竟然能剪辑视频
2021/05/25 Python
使用Python的开发框架Brownie部署以太坊智能合约
2021/05/28 Python
JS的深浅复制详细
2021/10/16 Javascript
解决WINDOWS电脑开机后桌面没有任何图标
2022/04/09 数码科技
spring IOC容器的Bean管理XML自动装配过程
2022/05/30 Java/Android