原生js操作checkbox用document.getElementById实现
更新时间：2013年10月12日 11:30:51 作者：
js操作checkbox本人建议用document.getElementById(checkbox_id).checked不推荐使用jquery操作checkbox，感兴趣的朋友不要错过
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真不爽
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中document.getElementById(id)的具体用法
- javascript typeof id===''string''?document.getElementById(id):id解释
- js querySelector和getElementById通过id获取元素的区别
- getElementByIdx_x js自定义getElementById函数
- js中document.getElementByid、document.all和document.layers区分介绍
- JavaScript中也使用$美元符号来代替document.getElementById
- javascript代码在ie8里报错 document.getElementById(...) 为空或不是对象的解决方法
- javascript getElementById 使用方法及用法
- js中的getElementById的使用方法
相关文章
Js操作Select是很常见的，也是比较实用的，每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了2013-10-10
这篇文章主要为大家详细介绍了JS实现简易日历效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
这篇文章主要介绍了JS实现字符串转日期并比较大小的方法,以实例形式较为详细分析了JavaScript字符串与日期操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
在使用showModalDialog弹出窗口时，显示的数据是上次修改前的数据，这是因为默认情况下页面保存了缓存，所以显示的数据并不是修改后的情况2013-07-07
这篇文章主要介绍了Javascript执行流程细节解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
这篇文章主要为大家介绍了通过手写instanceof理解原型链示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
理解this之前,先纠正一个观点,this 既不指向函数自身,也不指函数的词法作用域,下面这篇文章主要给大家介绍了关于JavaScript之this指向的相关资料,需要的朋友可以参考下2022-05-05
这篇文章主要为大家详细介绍了javascript全局自定义鼠标右键菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
微信小程序开发之animation循环动画实现的让云朵飘效果
这篇文章主要介绍了微信小程序开发之animation循环动画实现的让云朵飘效果,结合实例形式分析了animation结合js时间函数实现循环动画效果的具体步骤与相关操作技巧,需要的朋友可以参考下2017-07-07
本篇文章主要介绍了详解JS: reduce方法实现 webpack多文件入口，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
最新评论