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 相关文章推荐
javascript arguments 传递给函数的隐含参数
Aug 21 Javascript
jQuery实现鼠标经过图片变亮其他变暗效果
May 08 Javascript
JS实现兼容性好,自动置顶的淘宝悬浮工具栏效果
Sep 18 Javascript
Vue.js中数组变动的检测详解
Oct 12 Javascript
利用js+css+html实现固定table的列头不动
Dec 08 Javascript
JavaScript实现简单生成随机颜色的方法
Sep 21 Javascript
JS的函数调用栈stack size的计算方法
Jun 24 Javascript
angularJs中$http获取后台数据的实例讲解
Aug 08 Javascript
Vue 全家桶实现移动端酷狗音乐功能
Nov 16 Javascript
vue Treeselect下拉树只能选择第N级元素实现代码
Aug 31 Javascript
通过滑动翻页效果实现和移动端click事件问题
Jan 26 Javascript
代码块高亮可复制显示js插件highlight.js+clipboard.js整合
Feb 15 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输出控制功能在简繁体转换中的应用
2006/10/09 PHP
DedeCMS 核心类TypeLink.class.php摘要笔记
2010/04/07 PHP
探究Laravel使用env函数读取环境变量为null的问题
2016/12/06 PHP
PHP创建XML接口示例
2019/07/04 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
Javascript 遍历对象中的子对象
2009/07/03 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
2012/09/19 Javascript
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
javascript实现tab切换的四种方法
2015/11/05 Javascript
jQuery+JSON实现AJAX二级联动实例分析
2015/12/18 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
2016/07/15 Javascript
Bootstrap源码解读排版(1)
2016/12/23 Javascript
Chart.js 轻量级HTML5图表绘制工具库(知识整理)
2018/05/22 Javascript
JS中箭头函数与this的写法和理解
2021/01/14 Javascript
[55:03]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第二场 11.20
2020/11/20 DOTA
python实现文件分组复制到不同目录的例子
2014/06/04 Python
Win7上搭建Cocos2d-x 3.1.1开发环境
2014/07/03 Python
Python执行时间的计算方法小结
2017/03/17 Python
使用python编写udp协议的ping程序方法
2018/04/22 Python
Python实现的基于优先等级分配糖果问题算法示例
2018/04/25 Python
利用django-suit模板添加自定义的菜单、页面及设置访问权限
2018/07/13 Python
django创建css文件夹的具体方法
2020/07/31 Python
python利用appium实现手机APP自动化的示例
2021/01/26 Python
夏威夷航空官网:Hawaiian Airlines
2016/09/11 全球购物
户外用品商店创业计划书
2014/01/29 职场文书
公司拓展活动方案
2014/02/13 职场文书
最经典的大学生职业生涯规划范文
2014/03/05 职场文书
汉语言文学毕业生自荐信范文
2014/03/24 职场文书
软件项目实施计划书
2014/05/02 职场文书
广告艺术设计专业自荐书
2014/07/08 职场文书
公安交警个人对照检查材料思想汇报
2014/10/01 职场文书
2014年妇女工作总结
2014/12/06 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
单位同意报考证明
2015/06/17 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书