js表单元素checked、radio被选中的几种方法(详解)


Posted in Javascript onAugust 22, 2016

0、环境

<input type="checkbox"  value="lol"/>lol

var lol = document.getElementsByTagName("input")[0];

1、HTML DOM

a.lol.checked = true;

属性的值可以不是lol,只要转为布尔值的时候为true就可以,取值时只有true、false两种

不会增加checked标记

b.lol.click();

不会增加checked标记,这时lol.checked的值为true

2、DOM core

lol.setAttribute("checked","checked");

元素增加了checked标记,这时lol.checked的值为true

<input type="checkbox"  checked=“checked” value="lol"/>lol

其实checked标记,存在即应用,下面的写法就可以实现默认选中

<input type="checkbox"  checked  value="lol"/>lol

在浏览器解析文本的时候就默认选中.

以上这篇js表单元素checked、radio被选中的几种方法(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS 学习笔记 防止发生命名冲突
Jul 30 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
Jan 09 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
基于jQuery实现的向下滑动二级菜单效果代码
Aug 31 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
Jun 03 Javascript
JavaScript蒙板(model)功能的简单实现代码
Aug 04 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
Jan 24 Javascript
JS实现电商放大镜效果
Aug 24 Javascript
Mac下安装vue
Apr 11 Javascript
ES6字符串的扩展实例
Dec 21 Javascript
5种 JavaScript 方式实现数组扁平化
Oct 05 Javascript
js严格模式总结(分享)
Aug 22 #Javascript
xtemplate node.js 的使用方法实例解析
Aug 22 #Javascript
node.js express安装及示例网站搭建方法(分享)
Aug 22 #Javascript
angularjs 源码解析之injector
Aug 22 #Javascript
基于jQuery实现表格内容的筛选功能
Aug 21 #Javascript
jQuery Easyui快速入门教程
Aug 21 #Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
Aug 21 #Javascript
You might like
php+ajax实时刷新简单实例
2015/02/25 PHP
JAVASCRIPT IE 与 FF中兼容问题小结
2009/02/18 Javascript
使用firebug进行调试javascript的示例
2013/12/16 Javascript
JS 数字转换研究总结
2013/12/26 Javascript
使用JavaScript获取电池状态的方法
2014/05/03 Javascript
javascript写的异步加载js文件函数(支持数组传参)
2014/06/07 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
2014/08/16 Javascript
深入理解事件冒泡(Bubble)和事件捕捉(capture)
2016/05/28 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
2016/08/02 Javascript
浅谈NodeJs之数据库异常处理
2017/10/25 NodeJs
Vue.js子组件向父组件通信的方法实例代码详解
2018/12/10 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
2019/03/09 Javascript
Vue学习之组件用法实例详解
2020/01/06 Javascript
axios封装与传参示例详解
2020/10/18 Javascript
python实现挑选出来100以内的质数
2015/03/24 Python
在Python中使用sort()方法进行排序的简单教程
2015/05/21 Python
利用Python自带PIL库扩展图片大小给图片加文字描述的方法示例
2017/08/08 Python
对Python中for复合语句的使用示例讲解
2018/11/01 Python
python词云库wordcloud的使用方法与实例详解
2020/02/17 Python
python 操作mysql数据中fetchone()和fetchall()方式
2020/05/15 Python
哪些是python中web开发框架
2020/06/17 Python
python3实现将json对象存入Redis以及数据的导入导出
2020/07/16 Python
Pandas中DataFrame基本函数整理(小结)
2020/07/20 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
提供世界各地便宜的机票:Sky-tours
2016/07/21 全球购物
施华洛世奇匈牙利官网:SWAROVSKI匈牙利
2019/07/06 全球购物
英国现代、当代和设计师家具店:Furntastic
2020/07/18 全球购物
一名毕业生的自我鉴定
2013/12/04 职场文书
学生生病请假条范文
2014/02/16 职场文书
事业单位鉴定材料
2014/05/25 职场文书
质量管理标语
2014/06/12 职场文书
优秀共产党员演讲稿
2014/09/04 职场文书
2015年教师个人业务工作总结
2015/10/23 职场文书
Html5新增了哪些功能
2021/04/16 HTML / CSS
HTML基础详解(下)
2021/10/16 HTML / CSS
阿里面试Nacos配置中心交互模型是push还是pull原理解析
2022/07/23 Java/Android