eval函数和及动态修改颜色

来源:互联网 发布:巢湖学院网络客户端 编辑:程序博客网 时间:2024/05/26 02:54

<html>
<head>
<meta http-equiv='Content-Language' content='zh-cn'>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>

<script language='javascript'>
function selchange(obj,fid)
{
 var selname = 'color'+fid;
 var selcolor = "document.all."+selname+".style.color='blue'";
 var initcolor = "document.all."+selname+".style.color='black'";
 if (obj.checked)
  eval(selcolor);
 else
  eval(initcolor);
}
</script>
<META HTTP-EQUIV='PRAGMA' CONTENT='NO-CACHE'>
</head>

<body>
<table>
<tr bgcolor=white><td>
<table width=100%><tr bgcolor=white style='font-size:14px'>
<tr bgcolor=dddddd style='font-size:14px'>
<td nowrap><input type=checkbox value='57' onclick='selchange(this,51)'><span id='color51'>樱桃</span>
<td nowrap><input type=checkbox value='36' onclick='selchange(this,52)' checked><span id='color52' style='color:blue'>荔枝</span>
<td nowrap><input type=checkbox value='40' onclick='selchange(this,53)'><span id='color53'>龙眼</span>
<td nowrap><input type=checkbox value='19' onclick='selchange(this,54)'><span id='color54'>芒果</span>
<td nowrap><input type=checkbox value='24' onclick='selchange(this,55)'><span id='color55'>火龙果</span>
<td nowrap><input type=checkbox value='32' onclick='selchange(this,56)'><span id='color56'>香蕉</span>
<td nowrap><input type=checkbox value='16' onclick='selchange(this,57)' checked><span style='color:blue' id='color57'>葡萄</span>
<tr bgcolor=white style='font-size:14px'>
<td nowrap><input type=checkbox value='27' onclick='selchange(this,61)'><span id='color61'>柑桔</span>
<td nowrap><input type=checkbox value='64' onclick='selchange(this,62)'><span id='color62'>哈密瓜</span>
<tr><td colspan=10 align=center align=30>
<input type=button onclick="javascript:window.close()" value='关闭'>
</table>
</body>
</html> 

原创粉丝点击