• 使用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 的博客

  • 相关阅读:
    5+ App开发Native.js入门指南
    uni-app vue-cli命令行
    本地uni-app原生插件提交云端打包
    编写package.json文件
    生成插件包
    无障碍角色 accessibilityRole (iOS, Android)
    ajax 整理
    Javascript分享笔记
    echarts 横坐标分行展示,以及文字显示顶部
    js总结(11)js作用域
  • 原文地址:https://www.cnblogs.com/ybbqg/p/2405506.html
Copyright © 2020-2023  润新知