论坛首页 Web前端技术论坛

web页面元素初始化

浏览 2487 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2007-11-05  

  web页面编程时经常涉及到页面元素的初始化,使用系统提供的api不利于修改和扩展,所有就自己实现了一个,很简单,也很实用,代码如下:

function formReset(){

 //获取所有input的句柄
 var objs = document.getElementsByTagName("input");

   for(var i=0; i < objs.length; i++) {

     //每个checkbox均不被选中
     if(objs[i].type.toLowerCase() == "checkbox"){
        objs[i].checked = false;
        continue;
     }

     //每个radio均设置为第一个被选中
     if(objs[i].type.toLowerCase() == "radio"){        
         if(typeof objs[i].name != undefined){         
            document.getElementsByName(objs[i].name)[0].checked=true;
            continue;
        }       
     }

     //文本框清空
     if(objs[i].type.toLowerCase() == "text" || objs[i].type.toLowerCase() == "textarea"){
        objs[i].value = "";
        continue;
     }     
   }
  
   //获取所有select的句柄
 objs = document.getElementsByTagName("select");

 //每个select均设置为第一个被选中
 for(var i=0; i < objs.length; i++) {
 objs[i].options[0].selected="true";
 }
  
}
 


 

 

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics