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 的博客

  • 相关阅读:
    mysql存储过程基本函数
    Java多线程程序设计详细解析
    手把手教你写Undo、Redo程序
    mysql存储过程学习总结-操作符
    深入解析ATL第二版(ATL8.0)笔记--(2.3节)
    mysql 5.0存储过程学习总结
    php判断浏览器和语言
    Windows7系统环境安装配置PHP开发环境
    Nginx环境下Php安装
    php学习
  • 原文地址:https://www.cnblogs.com/ybbqg/p/2405506.html
Copyright © 2011-2022 走看看