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

最新推荐文章于 2021-02-27 04:55:51 发布

weixin_30507269

最新推荐文章于 2021-02-27 04:55:51 发布

阅读量48

点赞数

文章标签： javascript xhtml java ViewUI

原文链接：http://www.cnblogs.com/CharmingDang/archive/2011/11/30/9663973.html

版权

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";
			}
		}
	}
}

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