【【如何捕获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文本样式的目的???
...全文
123 2 打赏 收藏 举报
写回复
2 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
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>

fengyunshier 2010-01-24
  • 打赏
  • 举报
回复
帮顶
相关推荐
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2010-01-24 03:31
社区公告
暂无公告