jquery获取元素值的方法(常见的表单元素)

当使用jQuery操作DOM元素时，我们需要获取表单元素的值，比如文本框、单选按钮、复选框等等。下面，我将详细介绍常见的表单元素的获取值方法。

文本框

我们可以使用 val() 方法获取文本框的值。

// HTML
<input type="text" id="myInput" value="Hello World">

// jQuery
var inputValue = $('#myInput').val();
console.log(inputValue); // 输出: "Hello World"

单选按钮

对于单选按钮，我们需要循环遍历每一个按钮，然后找到被选中的按钮并获取其值。

// HTML
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female

// jQuery
var genderValue = $('input[name=gender]:checked').val();
console.log(genderValue); // 输出选中值: "male" 或 "female"

复选框

对于复选框，我们也需要循环遍历每一个复选框，然后找到被选中的复选框并获取其值。

// HTML
<input type="checkbox" name="fruit" value="apple"> Apple
<input type="checkbox" name="fruit" value="banana"> Banana

// jQuery
var checkedFruits = [];
$('input[name=fruit]:checked').each(function() {
  checkedFruits.push($(this).val());
});
console.log(checkedFruits); // 输出选中值: ["apple", "banana"]

以上就是获取常见表单元素值的攻略。在实际使用中，我们可根据不同场景采用以上方法，获取相应表单元素的值。