jquery - 按名称访问表单输入字段[重复]答案

【问题标题】：jquery - access form input field by Name [duplicate]jquery - 按名称访问表单输入字段[重复]
【发布时间】：2018-01-11 10:02:08
【问题描述】：

是否可以仅使用元素名称访问表单输入字段？

如果我尝试使用 ID 进行此操作，它将如下所示：

<input type="text" id="fname">

$("#fname").blur(function(){
    var x = document.getElementById("fname");
    x.value = x.value.toUpperCase();
});

有没有什么方法可以使用字段名来访问元素？？：

<input type="text" name="fname">

【问题讨论】：

【解决方案1】：

要做到这一点，正确的选择器是

$('input[name=fname]')

【讨论】：

【解决方案2】：

你可以的

$('[name="fname"]')

但建议使用比属性选择器更高效的 id/class。

【讨论】：

【解决方案3】：

查看所有可以使用的选择器：https://api.jquery.com/category/selectors/

$('input[name=fname]').on('blur', function() {
 //your code ...
});

【讨论】：

【解决方案4】：

您可以使用$("input[name=fname]")

【讨论】：

【解决方案5】：

你可以在这里看到演示DEMO

$("input[name='fname']").blur(function(e){
   alert('blur')
});

【讨论】：