其实是一个功能的抽象吧~ 另设一个函数检查输入的数据与固定值的关系,输入数据的方式不涉及该函数就是了,加使该函数可以控制文本框便可以在检查后改变COLOR

解决方案 »

  1.   

    用服务器脚本自己做一段生成文本框html的代码。再结合一段js就可以轻松实现了。js实现onChange事件
      

  2.   

    页面初始化的时候扫描表格就可以了,try
    <HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312">
    <TITLE>test</TITLE>
    <SCRIPT language="javascript">
    function setColor(obj)
    {
        if(isNaN(parseInt(obj.value,10)))
            return;
        if(parseInt(obj.value,10) > 10)
            obj.parentNode.style.backgroundColor = "red";
        else
            obj.parentNode.style.backgroundColor = "";
    }//文档状态完毕,扫描表格
    function setTableColor()
    {
        var arrCells = document.all.myTable.cells;
        for(var i=0; i<arrCells.length; i++)
        {
            var oInput = document.all.myTable.cells[i].children[0];
            if(parseInt(oInput.value,10) > 10)
                oInput.parentNode.style.backgroundColor = "red";
            else
                oInput.parentNode.style.backgroundColor = "";
        }
    }
    </SCRIPT>
    </HEAD><BODY onLoad="setTableColor()">
    <TABLE width="50%" height="10%" id="myTable" border="1" cellspacing="0" cellpadding="0">
      <TR>
        <TD><input onpropertychange="setColor(this)"></TD>
        <TD><input onpropertychange="setColor(this)" value="11"></TD>
      </TR>
      <TR>
        <TD><input onpropertychange="setColor(this)" value="2"></TD>
        <TD><input onpropertychange="setColor(this)"></TD>
      </TR>
    </TABLE>
    </BODY>
    </HTML>
      

  3.   

    <html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <style>
    .commonInputClass
    { background-color: expression((this.value>100||this.disabled)?'#E0E0E0':'');
    }
    </style></head><body>
    大于100就变灰
    <input class="commonInputClass" value=101 >
    </body></html>