<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文本样式的目的???
解决方案 »
- 关于js中调用函数是提示缺少对象的问题
- 请帮忙看下这个js什么意思啊?麻烦详细解释下吧,谢谢啊
- javascript能不能动态创建fieldset标签和里面的标签?
- 救命啊!!!树型菜单如何在一打开网页时就是展开的?在线等!
- 关于一个open的问题..求助哇..
- 新手提问,用过XTree的朋友来帮帮忙.关于XTree的Action执行Javascript函数的问题
- 发短消息碰到个头痛问题,急救
- 菜鸟的问题.关于点击事件.我想破头也没有想明白.请高手来帮一帮.
- javascript连接数据库页为什么打开时总弹出:此面正在访问其它域的数据,你允许这样做吗?如何出掉这个窗口不弹出呢?在线等,解决就结帐
- 关于input focus
- 【【如何取得checkbox的lable标签值???】】
- jQuery制作横向Accordion样式的导航菜单
<!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>