js表单元素checked、radio被选中的几种方式-遁地龙卷风

时间:2023-03-09 00:51:05
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

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