如何使用 jQuery 获取输入文本框中的值？

jQuery val()方法用于获取元素的值。该函数用于设置或返回值。返回值给出第一个元素的值属性。在设置值的情况下，它为所有元素设置属性值。此元素主要用于 HTML 表单。

句法：

$(selector).val(function(index, currentvalue))

示例 1：此示例的实现是在字段中写入文本，并在单击显示值按钮时出现一个弹出窗口并显示输入的文本。

  

    
    
  
    
        $(document).ready(function () {
  
            // On button click, get value
            // of input control Show alert
            // message box
            $("#getValBtnID").click(function () {
                var inputString = $("#userInputID").val();
                alert(inputString);
            });
        });
    

  

    
        GeeksForGeeks
    
  
    JQuery val() Method
      
    
      
    
    
  
    
        Get Value
    

  

输出：

示例 2：此实现显示单击按钮时的设置值属性。它会自动调用并使用代码中提到的预定义数据填充文本框。

  

    
    
  
    
        $(document).ready(function () {
            $("#setBtnID").click(function () {
                $("input:text").val("Hello World!");
            });
        });
    

  

    
        GeeksForGeeks
    
      
    JQuery val() Method
  
    User Text: 
    
  
    
        Set the value of the 
        input field
    

  

输出：