如何从html中的input元素中检索值

Question

我有这个：

$(document).ready(function() {
    $("#center").click(function{ });
}

我知道您可以使用javascript获取documentbyID。如何使用jquery获取表单输入的值？

Answer 1

要获取表单输入的值，请使用

$("#idOfInput").val();
$(".classOfInput").val();
$("[name='yourInputName']").val();

HTML

<form>
    <input type="text" name="yourInputName" class="classOfInput" id="idOfInput"/>
</form>

Answer 2

假设您要提醒值并且您正在使用jquery：

function foo(){
    alert($("#myInput").val());
}

你的HTML：

<form>
    <input type="text" name="myInput" id="myInput"/>
</form>
<button onclick="foo()">Click</button>

以下是一个小提琴：

https://jsfiddle.net/6tge2fx4/