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 validate 验证注册表单实例演示
Mar 25 Javascript
Function.prototype.call.apply结合用法分析示例
Jul 03 Javascript
浏览器页面区域大小的js获取方法
Sep 21 Javascript
jQuery 设置 CSS 属性示例介绍
Jan 16 Javascript
js判断手机号运营商的方法
Oct 23 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
移动适配的几种方案(三种方案)
Nov 25 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
Apr 13 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
Sep 02 Javascript
简单了解Vue computed属性及watch区别
Jul 10 Javascript
js实现盒子移动动画效果
Aug 09 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
Re:从零开始的异世界生活 第2季 开播啦
2020/07/24 日漫
PHP4实际应用经验篇(8)
2006/10/09 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
ThinkPHP打开验证码页面显示乱码的解决方法
2014/12/18 PHP
PHP isset()与empty()的使用区别详解
2017/02/10 PHP
thinkPHP5.0框架环境变量配置方法
2017/03/17 PHP
理解JavaScript中的事件
2006/09/23 Javascript
JS 巧妙获取剪贴板数据 Excel数据的粘贴
2009/07/09 Javascript
extjs之去除s.gif的影响
2010/12/25 Javascript
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
IE下Ajax缓存问题的快速解决方法(get方式)
2014/01/09 Javascript
JavaScript实现对下拉列表值进行排序的方法
2015/07/15 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
2016/04/01 Javascript
jQuery限制图片大小的方法
2016/05/25 Javascript
浅析Javascript中bind()方法的使用与实现
2016/05/30 Javascript
JS实现Ajax的方法分析
2016/12/20 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
vue2里面ref的具体使用方法
2017/10/27 Javascript
JavaScript实现创建自定义对象的常用方式总结
2018/07/09 Javascript
layer弹出层全屏及关闭方法
2018/08/17 Javascript
vue在App.vue文件中监听路由变化刷新页面操作
2020/08/14 Javascript
vue中watch的用法汇总
2020/12/28 Vue.js
[59:32]Liquid vs Fnatic 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4
2020/07/19 DOTA
python实现小世界网络生成
2019/11/21 Python
python3实现弹弹球小游戏
2019/11/25 Python
使用Python爬虫库requests发送表单数据和JSON数据
2020/01/25 Python
python ETL工具 pyetl
2020/06/07 Python
CSS3 倾斜的网页图片库实例教程
2009/11/14 HTML / CSS
CSS3系列教程:背景图片(背景大小和多背景图) 应用说明
2012/12/19 HTML / CSS
详解CSS3中border-image的使用
2015/07/18 HTML / CSS
若干个Java基础面试题
2015/05/19 面试题
生产部经理岗位职责
2013/12/16 职场文书
安全承诺书格式范本
2015/04/28 职场文书
教师教育教学随笔
2015/08/15 职场文书
志愿者工作心得体会
2016/01/15 职场文书
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js