jQuery通过input标签的name获取值

封面图 • 2025-09-17 • jQuery

在 jQuery 中，可以通过 `input` 标签的 `name` 属性来获取其值。以下是几种常见的方法：

---

### ✅ 方法一：使用 ` $('[name="name属性值"]')`

```javascript
var value = $('input[name="yourName"]').val();
console.log(value);
```

- `yourName` 是你想要获取的 `input` 的 `name` 属性值。
- `.val()` 用于获取输入框的值。

---

### ✅ 方法二：如果页面中有多個相同 name 的 input（如 radio 按钮）

如果是单选按钮（radio），可以这样获取选中的值：

```javascript
var selectedValue = $('input[name="yourRadioName"]:checked').val();
console.log(selectedValue);
```

---

### ✅ 方法三：获取所有具有某个 name 的 input 值（例如多个 input）

```javascript
$('input[name="yourName"]').each(function() {
    console.log($(this).val());
});
```

---

### ✅ 示例 HTML

```html
<input type="text" name="username" value="JohnDoe">
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female
```

---

### ✅ 示例 jQuery 代码

```javascript
// 获取文本框的值
var username = $('input[name="username"]').val();

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

console.log("用户名: " + username);
console.log("性别: " + gender);
```

---

如果你有更具体的场景或代码片段，我可以帮你进一步分析。