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

2019-12-24,,,,

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全选、取消全选、删除功能代码
  • js checkbox(复选框) 使用集锦
  • 利用JavaScript更改input中radio和checkbox样式
  • Javascript实现CheckBox的全选与取消全选的代码
  • js 判断checkbox是否选中的实现代码
  • Js动态添加复选框Checkbox的实例方法
  • js实现checkbox全选和反选示例
  • js单独获取一个checkbox看其是否被选中
  • javascript动态添加checkbox复选框的方法

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

下载本文的Word格式文档,以方便收藏与打印。