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"); } } }