javascript 中控件背景色的设置

最新推荐文章于 2023-10-09 16:58:49 发布

原创最新推荐文章于 2023-10-09 16:58:49 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #search #function

技术专栏收录该内容

13 篇文章

订阅专栏

这段代码展示了如何使用JavaScript检查HTML表单中两个控件的值，如果前一个值大于后一个非空值，会弹出警告消息，并将两个控件的背景色设置为棕红色。具体实现包括获取控件ID，设置背景色属性，并提交表单。

function Search(){

//如果前一个控件的值大于后一个控件的值(前提是后一个控件不是空,空的情况下不做任何处理)
if(document.forms[0].koteiFrom.value > document.forms[0].koteiTo.value && document.forms[0].koteiTo.value != ""){
alert('message内容');
var koteifrom = document.getElementById("koteiFrom");//控件的取得

  var koteiTo = document.getElementById("koteiTo");//控件的取得
  koteifrom.style.backgroundColor = "#ffcccc";//控件的背景色变为棕红色,处理结束
  koteiTo.style.backgroundColor = "#ffcccc";
        return;
}
    document.forms[0].action="./xxxxxxxxAction.do";
    document.forms[0].submit();
}

在html中有以下两个控件: