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 RegExp方法获取地址栏参数(面向对象)
Mar 10 Javascript
可兼容IE的获取及设置cookie的jquery.cookie函数方法
Sep 02 Javascript
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
Dec 17 Javascript
js函数名与form表单元素同名冲突的问题
Mar 07 Javascript
JavaScript中的数组操作介绍
Dec 30 Javascript
js的flv视频播放器插件使用方法
Jun 23 Javascript
jQuery实现ctrl+enter(回车)提交表单
Oct 19 Javascript
Web程序员必备的7个JavaScript函数
Jun 14 Javascript
js禁止浏览器的回退事件
Apr 20 Javascript
Angular2的管道Pipe的使用方法
Nov 07 Javascript
Node Express用法详解【安装、使用、路由、中间件、模板引擎等】
May 13 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
php学习笔记 [预定义数组(超全局数组)]
2011/06/09 PHP
thinkphp自带验证码全面解析
2016/09/18 PHP
javascript读取RSS数据
2007/01/20 Javascript
javascrip客户端验证文件大小及文件类型并重置上传
2011/01/12 Javascript
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
javascript实现动态导入js与css等静态资源文件的方法
2015/07/25 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
Bootstrap树形组件jqTree的简单封装
2016/01/25 Javascript
超全面的vue.js使用总结
2017/02/12 Javascript
JS请求servlet功能示例
2017/06/01 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
2017/08/23 Javascript
基于jQuery解决ios10以上版本缩放问题
2017/11/03 jQuery
微信小程序实现图片上传、删除和预览功能的方法
2017/12/18 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
JS document内容及样式操作完整示例
2020/01/14 Javascript
vue路由传参的基本实现方式小结【三种方式】
2020/02/05 Javascript
JS原型和原型链原理与用法实例详解
2020/02/05 Javascript
JavaScript实现简单进度条效果
2020/03/25 Javascript
JQuery省市联动效果实现过程详解
2020/05/08 jQuery
js事件机制----捕获与冒泡机制实例分析
2020/05/22 Javascript
[07:12]2014DOTA2西雅图国际邀请赛 黑马Liquid专题采访
2014/07/12 DOTA
python中安装Scrapy模块依赖包汇总
2017/07/02 Python
python 系统调用的实例详解
2017/07/11 Python
Win7下Python与Tensorflow-CPU版开发环境的安装与配置过程
2018/01/04 Python
解决Django数据库makemigrations有变化但是migrate时未变动问题
2018/05/30 Python
python requests 测试代理ip是否生效
2018/07/25 Python
Python中GeoJson和bokeh-1的使用讲解
2019/01/03 Python
Links of London官方网站:英国标志性的珠宝品牌
2017/04/09 全球购物
自考生自我鉴定范文
2013/10/01 职场文书
大学军训感言400字
2014/03/11 职场文书
自查自纠工作总结
2014/10/15 职场文书
护士年终个人总结
2015/02/13 职场文书
党员身份证明材料
2015/06/19 职场文书
如何做好员工培训计划?
2019/07/09 职场文书
探究Mysql模糊查询是否区分大小写
2021/06/11 MySQL