js原生、jquery获取input为text的输入框（单个/多个） 并清空value（bootstrap 输入框）

 一、用bootstrap框架写了一个简单的表单，html结构和效果图如下：

 
       

            

                
                单选框一
            
            

                
                单选框二
            
            

                
                单选框三
            
        
 
        

                输入框一：
                

                    
                
            
            

                输入框二：
                

                    
                
            
            

                输入框三：
                

                    
                
            
            

                输入框四：
                

                    
                
            

 

二、js原生获取input为text的输入框 并清空value

1、输入框比较多的时候id分别获取比较麻烦，用循环效率高些。

document.getElementById("screenWidthPixel").value = "";
document.getElementById("screenHeightPixel").value = "";
document.getElementById("moduleWidthPixel").value = "";
document.getElementById("moduleHeightPixel").value = "";

    let list = document.getElementsByTagName("input");
    for (let i = 0; i < list.length; i++) {
        if (list[i].type == "text") {
            list[i].value = "";
        }
    }

三、jquery 获取input为text的输入框 并清空value

$("#screenWidthPixel").val("");

$("input[type='text']").val("");