js技巧之清除表单所有内容

最新推荐文章于 2023-07-26 11:31:25 发布

最新推荐文章于 2023-07-26 11:31:25 发布 · 313 阅读

js 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个用于清空HTML表单元素的JavaScript函数cinput。该函数可以清除指定区域内所有文本框、隐藏域、单选按钮、复选框、下拉列表及文本区域的内容，并能选择性地清除hidden类型的输入框。

/*清空使区域中的表单*/
    //isHid 1清除hidden  0不清除hidden
    function cinput(areaqy,isHid){
    if(isHid == null){
        isHid = 1;
    }
    try{
       var table
       if(areaqy==undefined||areaqy==""||areaqy==null){
            table=event.srcElement;
            while(table!=null&&table.tagName.toLowerCase()!="table"){
                table=table.parentElement;
            }
       }else{
            table=$(areaqy);
        }
        if(table==undefined||table==""||table==null) return;

        var inputs=table.getElementsByTagName("input");
        for(var i=0;inputs!=null&&i<inputs.length;i++){
            if(inputs[i].type.toLowerCase()=="text"){
              inputs[i].value="";
            }
            if(isHid == 1){
                if(inputs[i].type.toLowerCase()=="hidden"){
                  inputs[i].value="";
                }
            }
            if(inputs[i].type.toLowerCase()=="radio"||inputs[i].type.toLowerCase()=="checkbox"){
              inputs[i].checked=false;
            }
        }
        var selects=table.getElementsByTagName("select");
        for(var i=0;selects!=null&&i<selects.length;i++){
            selects[i].selectedIndex=0;
        }
        var textareas=table.getElementsByTagName("textarea");
        for(var i=0;textareas!=null&&i<textareas.length;i++){
            textareas[i].value="";
        }
        }catch(ex){}
    }