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 相关文章推荐
用htc组件制作windows选项卡
Jan 13 Javascript
javascript 原型模式实现OOP的再研究
Apr 09 Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
Feb 26 Javascript
THREE.JS入门教程(6)创建自己的全景图实现步骤
Jan 25 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
Jun 21 Javascript
浅谈js的html元素的父节点,子节点
Aug 06 Javascript
canvas雪花效果核心代码分享
Feb 19 Javascript
详解webpack+es6+angular1.x项目构建
May 02 Javascript
利用Mongoose让JSON数据直接插入或更新到MongoDB
May 03 Javascript
详解如何在项目中使用jest测试react native组件
Feb 09 Javascript
前端js中的事件循环eventloop机制详解
May 15 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
Jul 20 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中DIRECTORY_SEPARATOR,PATH_SEPARATOR两个常量的作用
2013/06/21 PHP
浅析HTTP消息头网页缓存控制以及header常用指令介绍
2013/06/28 PHP
Discuz论坛密码与密保加密规则
2016/12/19 PHP
Laravel相关的一些故障解决
2020/08/19 PHP
javascript 处理HTML元素必须避免使用的一种方法
2009/07/30 Javascript
学习ExtJS Column布局
2009/10/08 Javascript
SeaJS入门教程系列之使用SeaJS(二)
2014/03/03 Javascript
Javascript随机标签云代码实例
2016/06/21 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
vue.js学习之UI组件开发教程
2017/07/03 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
2017/09/19 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
2017/11/17 Javascript
使用vue-router设置每个页面的title方法
2018/02/11 Javascript
解决低版本的浏览器不支持es6的import问题
2018/03/09 Javascript
Webpack打包字体font-awesome的方法示例
2018/04/26 Javascript
Angular路由ui-router配置详解
2018/08/01 Javascript
前端开发基础javaScript的六大作用
2020/08/06 Javascript
[41:52]DOTA2-DPC中国联赛 正赛 CDEC vs Dynasty BO3 第二场 2月22日
2021/03/11 DOTA
python中global与nonlocal比较
2014/11/21 Python
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
浅谈python 四种数值类型(int,long,float,complex)
2016/06/08 Python
Windows下Anaconda的安装和简单使用方法
2018/01/04 Python
python3.7 sys模块的具体使用
2019/07/22 Python
基于python使用tibco ems代码实例
2019/12/20 Python
使用HTML5捕捉音频与视频信息概述及实例
2018/08/22 HTML / CSS
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
墨西哥购物网站:Elektra
2020/01/21 全球购物
BannerBuzz加拿大:在线定制横幅印刷、广告和标志
2020/03/10 全球购物
求网格中的黑点分布
2013/11/06 面试题
买房委托公证书
2014/04/08 职场文书
小学班长竞选演讲稿
2014/04/24 职场文书
商品陈列协议书
2014/09/29 职场文书
护士自我推荐信范文
2015/03/24 职场文书
MySQL高速缓存启动方法及参数详解(query_cache_size)
2021/07/01 MySQL
基于Python实现流星雨效果的绘制
2022/03/18 Python
Spring Boot优化后启动速度快到飞起技巧示例
2022/07/23 Java/Android