zoukankan      html  css  js  c++  java
  • 使用JavaScript JS 获取label for 标签的值和for值

    下面是使用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 的博客

  • 相关阅读:
    EXCEL某列长度超过255个字符导入SQL SERVER2005的处理方法
    正则同时获取a标签里的href,text 2项
    火柴棍
    特殊数
    骨牌铺方格
    拼图
    挑战题之排列生成
    模拟 找规律
    sort
    贪心 简单背包问题
  • 原文地址:https://www.cnblogs.com/ybbqg/p/2405506.html
Copyright © 2011-2022 走看看