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 相关文章推荐
pjblog中的UBBCode.js
Apr 25 Javascript
jquery分页插件AmSetPager(自写)
Apr 15 Javascript
jquery ajax post提交数据乱码
Nov 05 Javascript
如何防止回车(enter)键提交表单
May 11 Javascript
JS基于for语句编写的九九乘法表示例
Jan 04 Javascript
深入理解requireJS-实现一个简单的模块加载器
Jan 15 Javascript
vue 组件中slot插口的具体用法
Apr 03 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 Javascript
微信小程序实现提交input信息到后台的方法示例
Jan 19 Javascript
详解vue项目打包步骤
Mar 29 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
Jul 22 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
基于pear auth实现登录验证
2010/02/26 PHP
PHP+ACCESS 文章管理程序代码
2010/06/21 PHP
php 删除cookie方法详解
2014/12/01 PHP
学习JS面向对象成果 借国庆发布个最新作品与大家交流
2009/10/03 Javascript
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
2010/03/18 Javascript
神奇的7个jQuery 3D插件整理
2011/01/06 Javascript
在iframe里的页面编写js,实现在父窗口上创建动画效果展开和收缩的div(不变动iframe父窗口代码)
2011/12/20 Javascript
用jquery生成二级菜单的实例代码
2013/06/24 Javascript
jquery 按钮状态效果 正常、移上、按下
2013/08/12 Javascript
jquery.autocomplete修改实现键盘上下键自动填充示例
2013/11/19 Javascript
使用jquery操作session方法分享
2015/01/22 Javascript
javascript动态获取登录时间和在线时长
2016/02/25 Javascript
无需 Flash 使用 jQuery 复制文字到剪贴板
2016/04/26 Javascript
JS求解三元一次方程组值的方法
2017/01/03 Javascript
JS实现的走迷宫小游戏完整实例
2017/07/19 Javascript
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
微信小程序按钮点击动画效果的实现
2019/09/04 Javascript
在Chrome DevTools中调试JavaScript的实现
2020/04/07 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
2020/06/04 Javascript
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
Python3中的列表生成式、生成器与迭代器实例详解
2018/06/11 Python
python图像和办公文档处理总结
2019/05/28 Python
教你如何编写、保存与运行Python程序的方法
2019/07/12 Python
python 并发编程 多路复用IO模型详解
2019/08/20 Python
将tensorflow.Variable中的某些元素取出组成一个新的矩阵示例
2020/01/04 Python
python with语句的原理与用法详解
2020/03/30 Python
python3 配置logging日志类的操作
2020/04/08 Python
Python中无限循环需要什么条件
2020/05/27 Python
天猫国际进口超市直营:官方直采,一站购齐
2017/12/11 全球购物
企业面试题试卷附带答案
2015/12/20 面试题
防灾减灾标语
2014/10/07 职场文书
2015年元旦标语大全
2014/12/09 职场文书
导游词之临安白水涧
2019/11/05 职场文书
mysql升级到5.7时,wordpress导数据报错1067的问题
2021/05/27 MySQL
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS