jquery获取name的值
使用 jQuery 获取 name 属性的值
通过 jQuery 可以轻松获取元素的 name 属性值。以下是几种常见的方法:
获取输入框的 name 属性值
假设有一个输入框:
<input type="text" name="username" id="userInput" value="John">
使用 attr() 方法获取 name 属性:
var nameValue = $('#userInput').attr('name');
console.log(nameValue); // 输出 "username"
获取表单元素的 name 属性值
对于表单元素,可以直接通过 name 选择器获取:
<form name="myForm">
<input type="text" name="email" value="test@example.com">
</form>
通过 name 选择器获取值:
var emailValue = $('input[name="email"]').val();
console.log(emailValue); // 输出 "test@example.com"
遍历多个元素的 name 属性值
如果需要获取多个元素的 name 属性,可以使用 each() 方法:
<input type="checkbox" name="color" value="red">
<input type="checkbox" name="color" value="blue">
<input type="checkbox" name="color" value="green">
遍历并获取 name 和 value:

$('input[name="color"]').each(function() {
console.log($(this).attr('name') + ": " + $(this).val());
});
// 输出:
// color: red
// color: blue
// color: green
注意事项
attr()方法用于获取或设置元素的属性值。val()方法用于获取或设置表单元素的值。- 通过
name选择器可以精确选择具有特定name属性的元素。
以上方法适用于大多数需要获取 name 属性值的场景。






