jquery根据name取值
使用 jQuery 根据 name 属性获取元素值
通过 jQuery 可以根据元素的 name 属性获取其值,以下是几种常见方法:
获取 input 元素的值
使用属性选择器 [name="xxx"] 定位元素,并通过 .val() 方法获取值:
var value = $('input[name="username"]').val();
获取其他元素的内容
对于非 input 元素(如 div、span),使用 .text() 或 .html():
var textContent = $('div[name="content"]').text();
var htmlContent = $('span[name="html"]').html();
获取多个同名元素的值
若多个元素具有相同 name,可通过 .each() 遍历:
$('[name="item"]').each(function() {
console.log($(this).val()); // 或 text()/html()
});
获取复选框或单选按钮的值
对于选中的复选框或单选按钮,需过滤 :checked:

var checkedValue = $('input[name="gender"]:checked').val();
注意事项
- 确保 DOM 加载完成后执行代码,推荐将代码放在
$(document).ready()中。 - 若元素不存在,
.val()返回undefined,建议先检查元素是否存在。
通过上述方法,可以灵活地根据 name 属性获取各类元素的值或内容。






