本文介绍了一种使用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>
运行效果如图：
扫一扫
793
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
