当前位置：首页 > jquery

jquery通过name获取值

2026-03-17 10:39:25jquery

使用jQuery通过name属性获取元素值

方法1：使用属性选择器 $('[name="yourName"]').val() 这种方式直接通过属性选择器匹配name属性为"yourName"的元素，适用于input、select、textarea等表单元素。

方法2：结合表单元素类型 $('input[name="username"]') 更精确地指定元素类型，避免匹配到其他可能有相同name属性的非表单元素。

方法3：获取多个同名元素的值 当页面有多个同名元素时（如radio/checkbox组）：

var values = [];
$('[name="groupName"]:checked').each(function() {
    values.push($(this).val());
});

方法4：处理特殊字符 如果name包含特殊字符（如[]），需要使用双反斜杠转义： $('[name="user\\[id\\]"]').val()

注意事项

对于radio和checkbox，需检查选中状态后再获取值
该方法主要适用于表单元素，其他元素可能需要用.text()或.html()
返回的是第一个匹配元素的值，如需所有匹配元素需要遍历

示例代码

jquery通过name获取值

// 获取单个输入框的值
var username = $('[name="username"]').val();

// 获取选中radio的值
var gender = $('[name="gender"]:checked').val();

// 获取所有选中checkbox的值
var hobbies = [];
$('[name="hobbies"]:checked').each(function() {
    hobbies.push($(this).val());
});