获取输入 jQuery 的值 - JavaScript

在 Web 开发中，经常需要通过 JavaScript 获取页面中输入框、文本框等元素的值。使用 jQuery 可以更加方便地实现此功能。本文将介绍获取输入 jQuery 值的方法。

获取输入框的值

假设有以下 HTML 代码：

<input type="text" id="inputBox" value="" />

要获取此输入框的值，可以使用 jQuery 中的 val() 方法。代码示例：

var value = $('#inputBox').val();

其中，$('#inputBox') 是通过 ID 获取到输入框的 jQuery 对象，.val() 方法可以获取输入框的值。将值保存在变量 value 中。

获取复选框的值

假设有以下 HTML 代码：

<label for="checkbox1"><input type="checkbox" id="checkbox1" name="check" value="1" />选项1</label>
<label for="checkbox2"><input type="checkbox" id="checkbox2" name="check" value="2" />选项2</label>
<label for="checkbox3"><input type="checkbox" id="checkbox3" name="check" value="3" />选项3</label>

要获取被选中的复选框的值，可以使用 jQuery 中的 :checked 选择器和 val() 方法。代码示例：

var checkedValues = $('input[name="check"]:checked').map(function() {
  return $(this).val();
}).get();

其中，$('input[name="check"]:checked') 是通过选择器获取被选中的复选框的 jQuery 对象，.map() 方法可以将每个复选框的值保存到一个数组中，.get() 方法可以将数组返回。将数组保存在变量 checkedValues 中。

获取单选框的值

假设有以下 HTML 代码：

<label for="radio1"><input type="radio" id="radio1" name="radio" value="1" />选项1</label>
<label for="radio2"><input type="radio" id="radio2" name="radio" value="2" />选项2</label>
<label for="radio3"><input type="radio" id="radio3" name="radio" value="3" />选项3</label>

要获取被选中的单选框的值，可以使用 jQuery 中的 :checked 选择器和 val() 方法。代码示例：

var checkedValue = $('input[name="radio"]:checked').val();

其中，$('input[name="radio"]:checked') 是通过选择器获取被选中的单选框的 jQuery 对象，.val() 方法可以获取单选框的值。将值保存在变量 checkedValue 中。

以上是获取输入 jQuery 值的方法介绍，希望对您有所帮助！