How to get textbox value in jQuery

August 13, 2021 XpertPhp

In this tutorial, we will explain to you how to get textbox value in jQuery. you can easily get the textbox value after the button click event or change event. so we will give you a simple example of jquery get value of input.

In this example, we are getting the textbox value using jQuery. we will get value using the particular element object. so here for get inputbox value, we are use val() function of jQuery.

So you can see below our example.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>How to get textbox value in jQuery - XpertPhp</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
    $("#btn").click(function(){
        var getVal = $("#txtname").val();
        alert(getVal);
    });
});
</script>
</head>
<body>
    <input type="text" id="txtname" />
    <button type="button" id="btn">Get Value</button>
</body>
</html>

<!DOCTYPE html>

<head>

<title>How to get textbox value in jQuery - XpertPhp</title>

$(document).ready(function(){

$("#btn").click(function(){

var getVal = $("#txtname").val();

alert(getVal);

});

</script>

</head>

<body>

<button type="button" id="btn">Get Value</button>

</body>

</html>

Please follow and like us: