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 相关文章推荐
鼠标移动到图片名上,显示图片的简单实例
Jul 14 Javascript
jQuery $.each遍历对象、数组用法实例
Apr 16 Javascript
javaScript中slice函数用法实例分析
Jun 08 Javascript
JS获取当前页面名称的简单实例
Aug 19 Javascript
基于AngularJS实现iOS8自带的计算器
Sep 12 Javascript
React实现双向绑定示例代码
Sep 19 Javascript
AngularJS全局警告框实现方法示例
May 18 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
Aug 16 Javascript
使用selenium抓取淘宝的商品信息实例
Feb 06 Javascript
详解.vue文件解析的实现
Jun 11 Javascript
vue props传值失败 输出undefined的解决方法
Sep 11 Javascript
JS实现的对象去重功能示例
Jun 04 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与MySQL开发中页面出现乱码的一种解决方法
2007/07/29 PHP
用于判断用户注册时,密码强度的JS代码
2009/01/01 Javascript
js通过八个点 拖动改变div大小的实现方法
2014/03/05 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
jQuery焦点图轮播特效代码分享(3款)
2015/09/05 Javascript
javascript实现简单的全选和反选功能
2016/01/05 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
2017/01/03 Javascript
Bootstrap响应式表格详解
2017/05/23 Javascript
详解angularjs 关于ui-router分层使用
2017/06/12 Javascript
浅谈Angular2 模块懒加载的方法
2017/10/04 Javascript
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
2018/09/27 Javascript
Vuejs监听vuex中值的变化的方法示例
2018/12/02 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
Webpack中loader打包各种文件的方法实例
2019/09/03 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
python开发之字符串string操作方法实例详解
2015/11/12 Python
Python正则表达式教程之一:基础篇
2017/03/02 Python
Python读取MRI并显示为灰度图像实例代码
2018/01/03 Python
TensorFlow实现AutoEncoder自编码器
2018/03/09 Python
Python3.7中安装openCV库的方法
2018/07/11 Python
使用Python画出小人发射爱心的代码
2019/11/23 Python
sklearn线性逻辑回归和非线性逻辑回归的实现
2020/06/09 Python
详解Python爬虫爬取博客园问题列表所有的问题
2021/01/18 Python
W Concept美国:精选全球独立设计师
2017/02/22 全球购物
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
名人演讲稿范文
2013/12/28 职场文书
高中运动会入场词
2014/02/14 职场文书
高中教师先进事迹材料
2014/08/22 职场文书
实习计划书范文
2015/01/16 职场文书
2015年宣传部工作总结范文
2015/03/31 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书
高中优秀作文(范文)
2019/08/15 职场文书
python之django路由和视图案例教程
2021/07/26 Python
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis