检查form里的输入框属性的值是否有改变

最新推荐文章于 2024-01-20 17:50:18 发布

小丫111111

最新推荐文章于 2024-01-20 17:50:18 发布

阅读量1.1k

点赞数

分类专栏： Java 文章标签： input function

本文链接：https://blog.csdn.net/zhouxinhong/article/details/7718718

版权

Java 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

//检查form里的输入框属性的值是否有改变
function IsModified(the)
{
    var result = false;                                    //初始化返回值
    var colInput = document.getElementsByTagName("input"); //获取输入框控件
    for (var i=0; i<colInput.length; i++)                  //逐个判断页面中的input控件
    {
    //判断输入的值是否等于初始值
    if(colInput[i].type=="text" || colInput[i].type=="password"){
         if (colInput[i].value != colInput[i].defaultValue) //判断输入的值是否等于初始值
         {
             result = true;                                 //如果不相等，返回true，表示已经修改
             colInput[i].style.backgroundColor = "#ff9000"; //改变被修改控件的背景色
         }
    }
    //检查radio的值是否有改变
    if (colInput[i].type=="radio"){
      var checkedValue = colInput[i].checked.toString();
      var defaultValue = colInput[i].defaultChecked.toString();
      if (defaultValue=="true") {
       if (checkedValue=="true"){
       } else {
        result = true;
        colInput[i].style.backgroundColor = "#ff9000";
       }
      } else {
       if (checkedValue=="true"){
        result = true;
        colInput[i].style.backgroundColor = "#ff9000";
       }else {
       }
      }
    }
    //第一次循环结束
}
var selectInput = document.getElementsByTagName("select"); //获取所有的下拉列表
for (var i=0; i<selectInput.length; i++)                  //逐个判断页面中的input控件
    {
    //检查select的值是否有改变
    /*var selectedValue = selectInput[i].options[selectInput[i].selectedIndex].toString();
    var defaultSelectedValue = selectInput[i].options[selectInput[i].selectedIndex].defaultSelected.toString();
    alert("selectedValue"+selectedValue);
    alert("defaultSelectedValue" + defaultSelectedValue);*/
    for (var n = 0; n < selectInput[i].options.length; n++ ) {
      var selectedValue = selectInput[i].options[n].selected.toString();
      var defaultSelectedValue = selectInput[i].options[n].defaultSelected.toString();
            if (defaultSelectedValue=="true") {
       if (selectedValue=="true"){
       } else {
        result = true;
        selectInput[i].style.backgroundColor = "#ff9000";
        break;
       }
      } else {
       if (selectedValue=="true"){
        result = true;
        selectInput[i].style.backgroundColor = "#ff9000";
        break;
       }else {
       }
      }
        }

     /*if (!selectInput[i].options[selectInput[i].selectedIndex].defaultSelected){
      result = true;                                 //如果不相等，返回true，表示已经修改
      selectInput[i].style.backgroundColor = "#ff9000"; //改变被修改控件的背景色
      alert('Y');
        }*/
    //第一次循环结束
}
    return result;
}