使用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的值和相应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>
运行效果如图: