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 相关文章推荐
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
Dec 17 Javascript
jquery实现多条件筛选特效代码分享
Aug 28 Javascript
smartcrop.js智能图片裁剪库
Oct 14 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 Javascript
javascript实现uploadify上传格式以及个数限制
Nov 23 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
AngularJS 自定义指令详解及示例代码
Aug 17 Javascript
H5实现中奖记录逐行滚动切换效果
Mar 13 Javascript
Bootstrap缩略图的创建方法
Mar 22 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
Sep 21 Javascript
vue实现广告栏上下滚动效果
Nov 26 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删除非空目录的函数代码小结
2013/02/28 PHP
解析php开发中的中文编码问题
2013/08/08 PHP
php json_encode()函数返回json数据实例代码
2014/10/10 PHP
php的GD库imagettftext函数解决中文乱码问题
2015/01/24 PHP
PHP使用Pthread实现的多线程操作实例
2015/11/14 PHP
详解WordPress中过滤链接与过滤SQL语句的方法
2015/12/18 PHP
thinkPHP使用pclzip打包备份mysql数据库的方法
2016/04/30 PHP
PHP生成word文档的三种实现方式
2016/11/14 PHP
php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
2020/02/28 PHP
fancybox1.3.1 基于Jquery的插件在IE中图片显示问题
2010/10/01 Javascript
jquery 合并内容相同的单元格(示例代码)
2013/12/13 Javascript
JavaScript移除数组内重复元素的方法
2015/03/18 Javascript
详解Node.js:events事件模块
2016/11/24 Javascript
理解javascript中的闭包
2017/01/11 Javascript
jQuery实现拼图小游戏(实例讲解)
2017/07/24 jQuery
JavaScript复制内容到剪贴板的两种常用方法
2018/02/27 Javascript
详解vue 单页应用(spa)前端路由实现原理
2018/04/04 Javascript
Vue.js实现数据响应的方法
2018/08/13 Javascript
微信小程序支付PHP代码
2018/08/23 Javascript
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
JavaScript实现公告栏上下滚动效果
2020/03/13 Javascript
react实现复选框全选和反选组件效果
2020/08/25 Javascript
[01:00:11]DOTA2-DPC中国联赛 正赛 CDEC vs DLG BO3 第一场 2月7日
2021/03/11 DOTA
python内存管理分析
2015/04/08 Python
python实现中文转换url编码的方法
2016/06/14 Python
python 文件操作api(文件操作函数)
2016/08/28 Python
PyQt5每天必学之事件与信号
2018/04/20 Python
解决seaborn在pycharm中绘图不出图的问题
2018/05/24 Python
Python get获取页面cookie代码实例
2018/09/12 Python
python 在指定范围内随机生成不重复的n个数实例
2019/01/28 Python
Html5无刷新修改browser Url的方法
2014/01/15 HTML / CSS
大学生求职推荐信
2013/11/27 职场文书
读书活动总结
2014/04/28 职场文书
领导干部廉政自律承诺书
2014/05/26 职场文书
2015年测量员工作总结
2015/05/23 职场文书
Pygame Rect区域位置的使用(图文)
2021/11/17 Python