如何使用 jQuery 获取文本框的值？答案

【问题标题】：How do I get the value of a textbox using jQuery?如何使用 jQuery 获取文本框的值？
【发布时间】：2010-10-02 14:04:48
【问题描述】：

我可以得到这样的元素$("#txtEmail")，但我不确定如何得到实际值。

【问题讨论】：

你试过 $("txtEmail").val()
呵呵呵呵...问题是我忘记在点击事件中引用我的函数=)

标签： jquery

【解决方案1】：

有一个.val() 方法：

如果您有一个 id 为 txtEmail 的输入，您可以使用以下代码访问文本框的值：

$("#txtEmail").val()

您也可以使用val(string) 方法来设置该值：

$("#txtEmail").val("something")

【讨论】：

为什么 '.value()' 在 jQuery 中不起作用？如果是这样，我就不会搜索谷歌，因为这是我直观地尝试过的。为什么选择将其缩短两个字符...
var user_email = $("#txtEmail").val()

【解决方案2】：

使用 .val() 方法。

另外，我认为您的意思是使用 $("#txtEmail")，因为 $("txtEmail") 返回您可能没有的 <txtEmail> 类型的元素。

请参阅the jQuery documentation。

还有jQuery val() method。

【讨论】：

【解决方案3】：

可能重复：

只是附加信息，我花了很长时间才找到。如果您使用字段名称而不是 id 来识别表单字段，该怎么办。你这样做：

对于单选按钮：

 var inp= $('input:radio[name=PatientPreviouslyReceivedDrug]:checked').val();

对于文本框：

 var txt=$('input:text[name=DrugDurationLength]').val();

【讨论】：

在发布多个问题的复制和粘贴样板/逐字答案时要小心，这些往往会被社区标记为“垃圾邮件”。如果您这样做，则通常意味着问题是重复的，因此请将它们标记为：stackoverflow.com/questions/1320088
@Kev：我不知道这样的标签。但是，我不确定在发布此解决方案期间它是否完全重复。我在如此张贴的SO中找不到一个。但是是的，我会记住并感谢您告知。
“输入：文本”有帮助，因为我有 2 个同名控件。 :

【解决方案4】：

注意到您关于使用它进行电子邮件验证并需要插件的评论，验证插件可能会对您有所帮助，它位于http://bassistance.de/jquery-plugins/jquery-plugin-validation/，它还带有一个电子邮件规则。

【讨论】：

【解决方案5】：

您可以使用.val(); 方法。

因此，在您的情况下，您可能希望使用$("#txtEmail").val();。另外，请确保将 id 属性添加到您的 html 代码中！

【讨论】：

【解决方案6】：

使用.val()方法获取你需要的元素的实际值。

【讨论】：

【解决方案7】：

您可以通过 Texbox 控件的 ID 或类名访问其值。

示例代码如下：

<input type="text" id="txtEmail" class="textbox" value="1">

$(document).ready(function(){
   alert($("#txtEmail").val());
   alert($(".textbox").val());//Not recommended 
});

使用类名来获取任何文本框控件的值可能会返回其他或错误的值，因为也可以为任何其他控件定义相同的类名。因此，可以通过其 id 获取特定文本框的值。

【讨论】：

【解决方案8】：

通过使用

$("#txtEmail").val()

你得到元素的实际值

【讨论】：

【解决方案9】：

每个 Jquery 文档

The .val() method is primarily used to get the values of form elements such as input, select and textarea. When called on an empty collection, it returns undefined.

为了在id为txtEmail的文本框中检索值存储，可以使用

$("#txtEmail").val()

【讨论】：