js特效,该怎么处理
日期：2014-05-16 浏览次数：20414 次
js特效
比如说这个页面首次加载的时候，我要让页面中所有的输入控件的背景色为灰色，并且Enable=false的时候 js代码如何去阐述
------解决方案--------------------
比如说这个页面首次加载的时候，我要让页面中所有的输入控件的背景色为灰色，并且Enable=false的时候 js代码如何去阐述
------解决方案--------------------
- HTML code
<!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>
------解决方案--------------------
前两天项目里面需要用 ,, 自己封装的
- JScript code
/**
* 方法目的 根据自己设定的编号 和 是否可用 改变页面空间的 是否可用
* 使用方法:
* 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");
}
}
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
