js特效

比如说这个页面首次加载的时候，我要让页面中所有的输入控件的背景色为灰色，并且Enable=false的时候 js代码如何去阐述

解决方案 »

  1.   

    <!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" />
    <title>Test</title>
    <body>    <input type="text" />
        <input type="text" />
        <input type="text" />
        <input type="text" />    <input type="text" />
        <input type="text" />
    <script type="text/javascript">
    var inps = document.getElementsByTagName('input'),
    len = inps.length;

    for(var i = 0; i < len; i++){
    inps[i].style.background = '#CCC';
    inps[i].disabled = 'false';
    }
    </script>
    </body>
    </html>楼主这意思》？
      

  2.   


    前两天项目里面需要用 ,,  自己封装的 
    /**
     * 方法目的  根据自己设定的编号 和  是否可用  改变页面空间的 是否可用
     * 使用方法:
     * ChangeInputDisabled.changeDisabled([{"id":"alertName","enable":"true"},{"id":"infoType","enable":"true"}]);
     */
    var ChangeInputDisabled=
    {
    changeDisabled:function(ids)
    {
    if(!ids||!ids.length||!ids.length>0)return;
    for(var i=0;i<ids.length;i++)
    {
    if($(ids[i].id))
    {
    ChangeInputDisabled.changeByType($(ids[i].id),ids[i].enable);
    }
    }
    },
    changeByType:function(obj,typeCheck)
    {
    if(obj&&obj.type)
    {
    var objtype=obj.type;
    switch(objtype)
    {
    case "checkbox":
    case "radio":
    var objs=document.getElementsByName(obj.name);
    for(var i=0;i<objs.length;i++)
    {
    ChangeInputDisabled.changeByOne(objs[i],typeCheck);
    }
    break;
    default:
    ChangeInputDisabled.changeByOne(obj,typeCheck);
    break;
    }
    }
    else
    {
    ChangeInputDisabled.changeByOne(obj,typeCheck);
    }
    },
    changeByOne:function(obj,typeCheck)
    {
    if(typeCheck=="true")
    {
    obj.disabled="disabled";
    }else
    {
    obj.removeAttribute("disabled");
    }
    }
    }