编程 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面向对象编程 for Cookie

Sep 19 Javascript

JS子父窗口互相操作取值赋值的方法介绍

May 11 Javascript

js replace 与replaceall实例用法详解

Aug 03 Javascript

jquery插件jquery倒计时插件分享

Dec 27 Javascript

AngularJS中使用HTML5手机摄像头拍照

Feb 22 Javascript

javascript实现可键盘控制的抽奖系统

Mar 10 Javascript

基于javascript实现文字无缝滚动效果

Mar 22 Javascript

在Web项目中引入Jquery插件报错的完美解决方案(图解)

Sep 19 Javascript

js+canvas实现动态吃豆人效果

Mar 22 Javascript

jQuery实现所有验证通过方可提交的表单验证

Nov 21 jQuery

详解如何构建Promise队列实现异步函数顺序执行

Oct 23 Javascript

vue 获取及修改store.js里的公共变量实例

Nov 06 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 参数过滤、数据过滤详解

2015/10/26 PHP

jquery 操作表格实现代码(多种操作打包)

2011/03/20 Javascript

一个背景云变换js特效鼠标移动背景云变化

2012/12/28 Javascript

js验证输入是否为手机号码或电话号码示例

2013/12/30 Javascript

jquery实现的导航固定效果

2014/04/28 Javascript

JavaScript中split与join函数的进阶使用技巧

2016/05/03 Javascript

JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法

2016/05/28 Javascript

jquery事件绑定解绑机制源码解析

2016/09/19 Javascript

深入理解JavaScript中的块级作用域、私有变量与模块模式

2016/10/31 Javascript

原生JS查找元素的方法(推荐)

2016/11/22 Javascript

ajax分页效果（bootstrap模态框）

2017/01/23 Javascript

jQuery图片瀑布流的简单实现代码

2017/03/15 Javascript

Webpack实现按需打包Lodash的几种方法详解

2017/05/08 Javascript

Vue.js tab实现选项卡切换

2017/05/16 Javascript

jQuery 利用ztree实现树形表格的实例代码

2017/09/27 jQuery

Vue Element使用icon图标教程详解(第三方)

2018/02/07 Javascript

不得不知的ES6小技巧

2018/07/28 Javascript

vue制作抓娃娃机的示例代码

2020/04/17 Javascript

javascript实现简易计算器功能

2020/09/23 Javascript

vue项目页面嵌入代码块vue-prism-editor的实现

2020/10/30 Javascript

[51:06]DOTA2-DPC中国联赛正赛 Elephant vs Aster BO3 第二场 1月26日

2021/03/11 DOTA

python使用urlparse分析网址中域名的方法

2015/04/15 Python

使用httplib模块来制作Python下HTTP客户端的方法

2015/06/19 Python

Python实现的RSS阅读器实例

2015/07/25 Python

Python查找第n个子串的技巧分享

2018/06/27 Python

python模拟登陆,用session维持回话的实例

2018/12/27 Python

Python代码实现http/https代理服务器的脚本

2019/08/12 Python

PyQt5高级界面控件之QTableWidget的具体使用方法

2020/02/23 Python

自定义Django默认的sitemap站点地图样式

2020/03/04 Python

python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧(自定义信号与槽)详解与实例

2020/03/06 Python

Swisse官方海外旗舰店：澳大利亚销量领先，自然健康品牌

2017/12/15 全球购物

电子商务个人自荐信

2013/12/12 职场文书

yy结婚证婚词

2014/01/10 职场文书

2016计划生育先进个人事迹材料

2016/02/29 职场文书

Python 处理表格进行成绩排序的操作代码

2021/07/26 Python

CSS 一行代码实现头像与国旗的融合

2021/10/24 HTML / CSS