您的位置：首页 > Web前端 > JavaScript

使用JavaScript JS 获取label for 标签的值和for值

2012-03-19 09:17 507 查看

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

运行效果如图：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航