js表单元素checked、radio被选中的几种方法(详解)

234 阅读 0 评论 155 点赞

我是靠谱客的博主淡淡糖豆，最近开发中收集的这篇文章主要介绍js表单元素checked、radio被选中的几种方法(详解)，觉得挺不错的，现在分享给大家，希望可以做个参考。

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被选中的几种方法(详解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。