您的位置：首页 > Web前端 > JavaScript

javascript控制jsp网页中只读文本框背景色——出错啦，求救！

2011-11-30 20:12 369 查看
jsp网页代码：

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="js/txtreadonlycolor.js" type="text/javascript"></script>

<title>文本框背景色变灰Demo</title>
</head>

<body onload="checkreadonly()">
<form name="input" action="" method="get">

<div>
<input name="testtrue" type="text"  readonly="true" />

<input name="testnone1" type="text" />

<input name="testnone2" type="text" />
</div>
</form>
</body>
</html>


js文件中javascript代码

function checkreadonly()
{

var txt=document.getElementsByTagName("input");
for(var i=0;i<txt.length;i++)
{
var txttype=txt[i].type;
var txtstyle=txt[i].style;
var txtname=txt[i].name;
if(txttype=="text")
{
if( txtname.readonly = "true")
{
txtstyle.backgroundColor="#EBEBE4";
}
else
{
txtstyle.backgroundColor="white";
}
}
}
}


结果图（本来第一个只读文本框的背景色应该变成灰色的，结果其他两个非只读文本框也变成灰色的了）：



求高手指点，不胜感激！！！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航