使用JavaScript JS 获取label for 标签的值和for值

最新推荐文章于 2025-03-04 06:00:00 发布
最新推荐文章于 2025-03-04 06:00:00 发布
阅读量852 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/ybbqg/archive/2012/03/19/2405506.html
本文介绍了一种使用JavaScript从HTML页面中获取与特定复选框关联的label标签内容的方法。通过getElementById和getElementsByTagName结合for属性匹配，实现了动态获取label文本。

下面是使用JavaScript获取label for 标签的值的方法和for 值的方法。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<script language="javascript">

       function testLabel()

       {

           //获取checkbox 复选框

              var ck=document.getElementById("ck1");

              //获取所有lable标签

              var arr=document.getElementsByTagName("label");

              //for循环

              for(i=0;i<arr.length;i++)

              {

                  //取出参数for的值

                     var forvalue=arr[i].getAttributeNode("for").value;

                     //因为for的值和相应checkbox的id对应，所以判断是否相等，如果

                     //相等，那么它的innerHTML的值就是label的显示的值

                     if(forvalue==ck.id)

                     {

                            //或者使用innerText来获取。                          

                           alert("复选框的label for标签的值为："+arr[i].innerHTML);

                     }

              }

       }

</script>

</HEAD>

<BODY>

<input type="checkbox" value="复选框" id="ck1" onclick="testLabel()" />

<label for="ck1">复选框</label>

<input type="checkbox" value="复选框" id="ck2" />

<label for="ck2">复选框</label>

</BODY>

</HTML>

运行效果如图：

使用JavaS<wbr>cript JS 获取label for 标签的值和for值 - guy - ybbqg@126 的博客

转载于:https://www.cnblogs.com/ybbqg/archive/2012/03/19/2405506.html

如何使用javascript或jquery获取Label文本
04-07
在JavaScript和jQuery中获取Label元素的文本是前端开发中常见的任务。这主要涉及到DOM操作，因为HTML中的标签元素是文档对象模型（DOM）的一部分。在本文中，我们将深入探讨如何利用这两种技术有效地提取Label元素的...
JS和Jquery获取和修改label的值的示例代码
10-26
在JavaScript (JS) 和 jQuery 中，处理`<label>`标签的值时需要采用不同的方法。本文将详细介绍如何在JS和jQuery中获取和修改`<label>`的值，并提供示例代码。 **一、获取 `<label>` 的值** 1. **JavaScript (JS) ...
获取label标签内for的属性值-js
weixin_33816821的博客
06-11 793
　　　　<body> <div class="row_2" id="ass"> <label for="aaa">1</label> <label for="aaa">2</label> <label for="aaa">3</label> <label ...
JavaScript动态操作label的for属性
weixin_42275589的博客
05-30 1008
JavaScript动态操作label的for属性 一句话解决 使用htmlFor 用例 my_label.htmlFor = input_id; 起因 需求是需要动态添加一个checkbox，涉及到了for，要求是只能用纯JavaScript。一开始很自然的这么写了： const roles__role_label = createNode("label"); roles__role_label.className = "roles__role_label"; roles__role_l
javascript设置label标签 for属性
deng131的专栏
09-11 1912
js创建label标签的for属性用来增加操作响应区域。 [code="java"]var label = document.CreateElement("input"); label.type="checkbox"; label.for="id"; //不能使用for关键字[/code] 由于在js中使用for关键字，所以只能换一种方式： 1，推荐setAttribute属...
JavaScript label语法 a: for
FengChen的进阶之路
04-07 476
在JavaScript中，允许在语句的前面添加标签（label），相当于将语句定位，方便找寻该语句 在for循环中跳出指定循环 // JS label语法 function f() { a: for (let i = 0; i < 5; i++) { for (let j = 0; j < 5; j++) { console.log(i, j) if (j === 3) { break a// 直接跳出外层a循环 } }.
html label标签的for,JavaScript 的html标签 <label for=""> 怎么用?
weixin_39703982的博客
06-26 180
请看如下写法，for 的目标是一个 input 的 id ：Email address或一个 select 的 id ：Select: 12345for 也可以用于 radio 、 checkbox 等，写法略有不同，如： Check me outOption one具体来说，您的代码可以这样改(注意其中 id 为 one 的部分)：JavaScript 实验-14.a{width: 200px ...
element-ui 关于获取select 的label值方法
10-18
在JavaScript部分，可以使用数组的`find()`方法来找到与`value`值匹配的选项对象，从而获取`label`值： ```javascript methods: { changeLocationValue(val) { const obj = this.locations.find((item) => item....
js中获取jsp表单中radio类型的值简单实例
10-21
单选按钮允许用户在一组选项中选择一个值，它通常使用`<input type="radio">`标签来创建，并且具有相同`name`属性的多个单选按钮共同构成一个选择组，这样可以保证用户只能选择其中一个选项。 在JSP页面中创建单选...
js操作label给label赋值及取label的值示例
10-26
在Web开发中，JavaScript（简称JS）是一种在浏览器端广泛使用的编程语言，它能够让我们控制网页的行为、数据和界面。当我们在页面上使用label元素时，有时需要在JavaScript中对其进行操作，包括获取和设置label元素...
你可能会忽略的js循环之：label
github_37125043的博客
02-26 1041
文章目录前言一、使用场景二、使用方法三、示例参考文档 前言 今天突然想到了多年前初学前端时的一个例子，今天查了下文档，发现是循环种特有的label语句。自从当时学完之后就没用过，今天查询文档加上自己验证，发现在有些场景还是比较有用的。下面就将下label语句的作用和适用场景 一、使用场景 一个 label 提供了一个让你在程序中其他位置引用它的标识符。例如，你可以用 label 标识一个循环， 然后使用 break 或者 continue 来指出程序是否该停止循环还是继续循环。 label语句只
JS 如何获取radio或者checkbox选中后的值
九亿宅男的梦的博客
02-15 417
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> function inputChecked() { var inputSelect = document...
2022-04-26 跳出特定for循环，JavaScript中的label语法
seetoyou的博客
04-26 2040
原理 标记语句可以和 break 或 continue 语句一起使用。标记就是在一条语句前面加个可以引用的标识符 标签语句用于给语句加标签，语法如下： label: statement 下面是一个例子： start: for (let i = 0; i < count; i++) { console.log(i); } 在这个例子中，start是一个标签，可以在后面通过break或continue语句引用。标签语句的典型应用场景是嵌套循环。 label语句只在以下场景中使用： for 语句 d
`label` 标签的 `for` 属性详解
最新发布
m0_72030584的博客
03-04 1889
本文学习label标签的for属性的相关概念和代码示例
label标签中的for属性
热门推荐
qq_43654065的博客
02-22 3万+
1. 使用介绍 label中的for属性规定了label与哪个表单元素绑定。for属性的值和表单元素的id值一样，即可完成该label标签与该表单元素的绑定。 <label for="test">label标签</label> <input type="text" id="test"> 如上所示，该label便签和input便签完成了绑定，当鼠标点击“label标签”时，input元素会被触发，用户即可完成输入。 2. 为什么要给label标签加上for属性呢？ la
JS循环的lable语句
qq_45264054的博客
08-08 324
介绍 JS循环中特有的lable。一个 label 提供了一个让你在程序中其他位置引用它的标识符。例如，你可以用 label 标识一个循环， 然后使用 break 或者 continue 来指出程序是否该停止循环还是继续循环。 使用场景 label语句只在以下循环种使用： for 语句 do…while 语句 while 语句 for…in 语句 for…of 语句 需要配合break 或者 continue使用 应用实例 寻找100以内的质数 <script> // 寻找100以内
前端笔记-label标签的for属性
IT1995的博客
02-29 8416
这个属性最直观的效果是点击Label后，会聚焦到for指定的地方： 如上，点击姓名，就会聚焦到姓名后面的输入框里面。 源码如下： <html> <head> <title>Label测试</title> </head> <body> <form> <label for="male"&g...
jq怎么获取label的值_JS和Jquery获取和修改label的值
weixin_42509197的博客
12-23 1584
获取值：label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值：var label=document.getElementById("id");var value=label.value;var value=$("#id").val();可以这样：JS:var label=document.getElementById("id");var value=label.inne...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值