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 相关文章推荐
一个收集图片的bookmarlet(js 刷新页面中的图片)
May 27 Javascript
QUnit jQuery的TDD框架
Nov 04 Javascript
jQuery之选项卡的简单实现
Feb 28 Javascript
两种不同的方法实现js对checkbox进行全选和反选
May 13 Javascript
深入分析JSON编码格式提交表单数据
Jun 25 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
Feb 22 Javascript
js中的触发事件对象event.srcElement与event.target详解
Mar 15 Javascript
javascript 产生随机数的几种方法总结
Sep 26 Javascript
vue element项目引入icon图标的方法
Jun 06 Javascript
vue+node实现图片上传及预览的示例方法
Nov 22 Javascript
vue中datepicker的使用教程实例代码详解
Jul 08 Javascript
解决ant design vue中树形控件defaultExpandAll设置无效的问题
Oct 26 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安装GeoIP扩展根据IP获取地理位置及计算距离的方法
2016/07/01 PHP
Javascript 面向对象 命名空间
2010/05/13 Javascript
jquery 的 $(&quot;#id&quot;).html() 无内容的解决方法
2010/06/07 Javascript
apycom出品的jQuery精美菜单破解方法
2011/02/18 Javascript
最短的IE判断代码
2011/03/13 Javascript
window.location.reload()方法刷新页面弹出要再次显示该网页对话框
2013/04/24 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
比例尺、缩略图、平移缩放之百度地图添加控件方法
2015/08/03 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
2016/02/05 Javascript
js获取所有checkbox的值的简单实例
2016/05/30 Javascript
瀑布流的实现方式(原生js+jquery+css3)
2020/06/28 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
JS异步执行结果获取的3种解决方式
2019/02/19 Javascript
Angular4.0动画操作实例详解
2019/05/10 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
2019/07/13 Javascript
微信小程序 调用微信授权窗口相关问题解决
2019/07/25 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
2019/11/12 Javascript
iview实现图片上传功能
2020/06/29 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
2020/09/11 Javascript
echarts柱状图背景重叠组合而非并列的实现代码
2020/12/10 Javascript
一个基于flask的web应用诞生 bootstrap框架美化(3)
2017/04/11 Python
利用Python如何实现数据驱动的接口自动化测试
2018/05/11 Python
python3实现字符串操作的实例代码
2019/04/16 Python
浅析CSS3 中的 transition,transform,translate之间区别和作用
2020/03/26 HTML / CSS
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
元宵节主持词
2014/03/25 职场文书
投标诚信承诺书
2014/05/26 职场文书
学习张丽丽心得体会
2014/09/03 职场文书
2014年工程师工作总结
2014/11/25 职场文书
Python基础之字符串格式化详解
2021/04/21 Python
Golang 正则匹配效率详解
2021/04/25 Golang
Python读写yaml文件
2022/03/20 Python
springboot读取nacos配置文件
2022/05/20 Java/Android
如何基于python实现单目三维重建详解
2022/06/25 Python