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

 更新时间:2016年08月22日 09:19:03   投稿:jingxian  
下面小编就为大家带来一篇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被选中的几种方法(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • JS对象是否拥有某属性如何判断

    JS对象是否拥有某属性如何判断

    这篇文章主要介绍了JS对象是否拥有某属性如何判断的相关资料,需要的朋友可以参考下
    2017-02-02
  • ES6中Promise的使用方法实例总结

    ES6中Promise的使用方法实例总结

    这篇文章主要介绍了ES6中Promise的使用方法,结合实例形式总结分析了Promise对象中的各种常用方法及基本使用技巧,需要的朋友可以参考下
    2020-02-02
  • document.getElementById的一些细节

    document.getElementById的一些细节

    document.getElementById的一些细节...
    2006-09-09
  • JavaScript实现随机点名的示例代码

    JavaScript实现随机点名的示例代码

    这篇文章主要为大家详细介绍了如何使用JavaScript实现随机点名效果,文中的示例代码简洁易懂,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-11-11
  • 抓取JavaScript动态加载的内容的方法总结

    抓取JavaScript动态加载的内容的方法总结

    JavaScript动态加载的内容常见于现代Web应用中,用于增强用户体验和减少初始页面加载时间,然而,这些动态加载的内容对于传统的网页抓取工具来说往往是不可见的,本文主要介绍了有JavaScript动态加载的内容如何抓取,需要的朋友可以参考下
    2024-09-09
  • 前端JS运算精度丢失的解决方法

    前端JS运算精度丢失的解决方法

    前端在处理小数或大整数时,由于 JavaScript 的 Number 类型使用 IEEE 754 双精度浮点数表示,可能会出现精度丢失问题(如 0.1 + 0.2 = 0.30000000000000004),以下是常见的解决方案,需要的朋友可以参考下
    2025-03-03
  • Web Uploader文件上传插件使用详解

    Web Uploader文件上传插件使用详解

    WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。这篇文章主要为大家详细介绍了Web Uploader文件上传插件使用方法,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • JS中setTimeout和setInterval的最大延时值详解

    JS中setTimeout和setInterval的最大延时值详解

    这篇文章主要介绍了JS中setTimeout和setInterval的最大延时值的相关资料,文中通过示例代码介绍的很详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-02-02
  • LayUI下拉树TreeSelect的使用解读

    LayUI下拉树TreeSelect的使用解读

    这篇文章主要介绍了LayUI下拉树TreeSelect的使用解读,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • 手动实现js短信验证码输入框

    手动实现js短信验证码输入框

    本文记录一下自己手动实现的一个前端常见的短信验证码输入组件,从需求到实现逐步优化的过程。具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06

最新评论