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 相关文章推荐
jquery.jstree 增加节点的双击事件代码
Jul 27 Javascript
深入理解JavaScript定时机制
Oct 29 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
javascript数组详解
Oct 22 Javascript
初识Node.js
Mar 20 Javascript
微信小程序实战之自定义模态弹窗(8)
Apr 18 Javascript
基于滚动条位置判断的简单实例
Dec 14 Javascript
vue、react等单页面项目应该这样子部署到服务器
Jan 03 Javascript
React中的refs的使用教程
Feb 13 Javascript
vue.js仿hover效果的实现方法示例
Jan 28 Javascript
js 计算月/周的第一天和最后一天代码
Feb 01 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下使用无限生命期Session的方法
2007/03/16 PHP
cmd下运行php脚本
2008/11/25 PHP
教你如何快捷的使用cmd访问mysql小技巧
2014/05/26 PHP
php使用ffmpeg获取视频信息并截图的实现方法
2016/05/03 PHP
JS 类型转换常见方法小结
2010/05/31 Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
2011/11/04 Javascript
jQuery 阴影插件代码分享
2012/01/09 Javascript
Jquery为a标签的href赋值实现代码
2013/05/03 Javascript
JS小功能(button选择颜色)简单实例
2013/11/29 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
2014/02/07 Javascript
jQuery中:visible选择器用法实例
2014/12/30 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
2015/02/03 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
2015/12/01 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
2016/01/08 Javascript
javaScript事件机制兼容【详细整理】
2016/07/23 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
JS基于对象的特性实现去除数组中重复项功能详解
2017/11/17 Javascript
JS监听事件的叠加和移除功能
2018/11/19 Javascript
浅谈JS和jQuery的区别
2019/03/27 jQuery
详解如何写出一个利于扩展的vue路由配置
2019/05/16 Javascript
原生JS实现列表内容自动向上滚动效果
2019/05/22 Javascript
在Python中封装GObject模块进行图形化程序编程的教程
2015/04/14 Python
Python3实现并发检验代理池地址的方法
2016/09/18 Python
python下读取公私钥做加解密实例详解
2017/03/29 Python
解决windows上安装tensorflow时报错,“DLL load failed: 找不到指定的模块”的问题
2020/05/20 Python
俄罗斯建筑和装饰材料在线商店:Stroilandia
2020/07/25 全球购物
桥梁与隧道工程专业本科生求职信
2013/10/08 职场文书
学习标兵获奖感言
2014/02/20 职场文书
2014年秋季新学期寄语
2014/08/02 职场文书
新课培训心得体会
2014/09/03 职场文书
校园会短篇的广播稿
2014/10/21 职场文书
办公室主任岗位竞聘书
2015/09/15 职场文书
机械原理课程设计心得体会
2016/01/15 职场文书
python中的getter与setter你了解吗
2022/03/24 Python
WIN10使用IIS部署ftp服务器详细教程
2022/08/05 Servers