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 相关文章推荐
实现复选框全选/全不选切换
Dec 23 Javascript
location.href语句与火狐不兼容的问题
Jul 04 Javascript
jQuery的缓存机制浅析
Jun 07 Javascript
JavaScript动态修改背景颜色的方法
Apr 16 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
Oct 08 Javascript
JavaScript计划任务后台运行的方法
Dec 18 Javascript
js 上传文件预览的简单实例
Aug 16 Javascript
详解vue.js全局组件和局部组件
Apr 10 Javascript
很棒的vue弹窗组件
May 24 Javascript
深入理解JavaScript和TypeScript中的class
Apr 22 Javascript
详解使用vue-admin-template的优化历程
May 20 Javascript
Vue 实例中使用$refs的注意事项
Jan 29 Vue.js
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
php 购物车实例(申精)
2009/05/11 PHP
第三章 php操作符与控制结构代码
2011/12/30 PHP
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
php实现获取文章内容第一张图片的方法
2014/11/04 PHP
ucenter通信原理分析
2015/01/09 PHP
PHP基于MySQLI函数封装的数据库连接工具类【定义与用法】
2017/08/11 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
一个加密JavaScript的开源工具PACKER2.0.2
2006/11/04 Javascript
Javascript计算两个marker之间的距离(Google Map V3)
2013/04/26 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
2013/05/07 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
jquery toolbar与网页浮动工具条具体实现代码
2014/01/12 Javascript
了不起的node.js读书笔记之mongodb数据库交互
2014/12/22 Javascript
js禁止页面刷新与后退的方法
2015/06/08 Javascript
JS实现websocket长轮询实时消息提示的效果
2017/10/10 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
2018/02/08 Javascript
在axios中使用params传参的时候传入数组的方法
2018/09/25 Javascript
Element-ui DatePicker显示周数的方法示例
2019/07/19 Javascript
Python读取环境变量的方法和自定义类分享
2014/11/22 Python
在Python中使用next()方法操作文件的教程
2015/05/24 Python
Python中的自省(反射)详解
2015/06/02 Python
Python安装使用命令行交互模块pexpect的基础教程
2016/05/12 Python
python Gunicorn服务器使用方法详解
2019/07/22 Python
在Mac中PyCharm配置python Anaconda环境过程图解
2020/03/11 Python
基于python实现查询ip地址来源
2020/06/02 Python
浅谈pandas dataframe对除数是零的处理
2020/07/20 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
美国在线健康和美容市场:Pharmapacks
2018/12/05 全球购物
爱心活动计划书
2014/04/26 职场文书
迁徙的鸟观后感
2015/06/09 职场文书
复活读书笔记
2015/06/29 职场文书
食品安全主题班会
2015/08/13 职场文书
民事调解协议书
2016/03/21 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python
python开发的自动化运维工具ansible详解
2021/08/07 Python