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

本文介绍了一种使用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的值和相应checkboxid对应,所以判断是否相等,如果

                     //相等,那么它的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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值