原生js操作checkbox用document.getElementById实现

2019-11-20 21:53:55

字体：大中小

来源：转载

供稿：网友

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 var声明变量背后的原理示例解析

下一篇：基于jquery的9行js轻松实现tab控件示例