<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文本样式的目的？？？
<!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>