如何使用 jQuery 将选定值重置为默认值？

有时候，我们需要将已经选定的下拉列表、输入框或复选框的值重置回默认值，这时候可以使用 jQuery 来实现。

重置下拉列表的选定值

首先，我们有一个下拉列表，如下所示：

<select id="my-select">
  <option value="option-1">Option 1</option>
  <option value="option-2">Option 2</option>
  <option value="option-3">Option 3</option>
</select>

如果想要将选定值重置回默认值，可以通过设置 selectedIndex 属性为 0 来实现：

$('#my-select')[0].selectedIndex = 0;

重置单选框和复选框的选定值

对于单选框和复选框，重置选定值需要先取消选中状态，然后将选中状态设置为默认状态。

例如，有如下的单选框：

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

要将其选定值重置为默认值（即取消选中状态），可以通过设置 checked 属性为 false 来实现：

$('input[name="gender"]').prop('checked', false);

然后，要将选定值设置回默认值，可以通过设置 checked 属性为 true 来实现：

$('input[name="gender"][value="male"]').prop('checked', true);

对于复选框，同样适用相同的方法。

重置输入框的值

对于输入框，包括文本框、密码框、隐藏域等，可以使用 val() 方法将输入框的值设置为默认值。

例如，有如下的输入框：

<input type="text" id="my-input" value="default value">

要将其值重置为默认值（即 default value），可以通过调用 val() 方法来实现：

$('#my-input').val('default value');

以上就是使用 jQuery 将选定值重置为默认值的方法，我们可以根据具体需求选择相应的方法进行操作。