【【如何捕获click事件当选中checkbox时改变与其对应LABEL文本的样式？？？】】

lanyi2003 2010-01-24 03:31:53



<INPUT id="ckb01" type=checkbox value=01 name=lubl><LABEL for=lubl0>01</LABEL>

我有很多个像上面那样的checkbox ，我想在选中checkbox的时候得到><LABEL for=lubl0>01</LABEL>
的内容，并改变LABEL文本的样式。现在的问题是因为LABEL没有id，而且没有为checkbox添加click事件

请问如何捕获到click事件，以达到当点击checkbox时改变与其对应LABEL文本样式的目的？？？

...全文

133 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

Click_Me 2010-01-24

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title> new document </title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <style>

	.cur {

		color: red;

		font-weight: bold;

	}

  </style>

 </head>

 <body>

  <INPUT id="ckb01" type=checkbox value=01 name=lubl><LABEL for=lubl0>01</LABEL>

  <INPUT id="ckb02" type=checkbox value=02 name=lub2><LABEL for=lubl1>02</LABEL>

  <INPUT id="ckb03" type=checkbox value=03 name=lub3><LABEL for=lubl2>03</LABEL>

  <INPUT id="ckb04" type=checkbox value=04 name=lub4><LABEL for=lubl3>04</LABEL>

  <INPUT id="ckb05" type=checkbox value=05 name=lub5><LABEL for=lubl4>05</LABEL>

  <INPUT id="ckb06" type=checkbox value=06 name=lub6><LABEL for=lubl5>06</LABEL>

  <script type="text/javascript">

	document.onclick = function(e) {

		var target = e ? e.target : event.srcElement;

		if((target.tagName.toLowerCase() == "input") && (target.type.toLowerCase() == "checkbox")) {

			var next = target.nextSibling;

			while(next.nodeType != 1) {

				next = next.nextSibling;

			}

			next.className = "cur";

		}

	}

  </script>

 </body>

</html>