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

在浏览器解析文本的时候就默认选中.