jQuery单选按钮选中事件

jQuery单选按钮选中事件可以让你在单选按钮被选中时运行自定义的JavaScript代码。在本教程中，我们将告诉你如何使用jQuery绑定和处理单选按钮选中事件。

绑定单选按钮选中事件

要在单选按钮选中时触发事件，我们需要绑定一个事件处理程序。我们使用change()方法来绑定一个事件处理程序，该方法将在单选按钮的状态更改时触发。

$('input[type=radio]').change(function() {
  // 事件处理程序代码
});

在上面的代码片段中，我们选择类型为radio的所有输入元素，并使用change()方法绑定一个事件处理程序。

获取选中的单选按钮

在事件处理程序中，我们可以使用$(this)选择当前选中的单选按钮，并使用val()方法获取其值。

$('input[type=radio]').change(function() {
  console.log($(this).val());
});

在上面的代码片段中，我们将选中单选按钮的值打印到控制台。

完整的代码示例

$('input[type=radio]').change(function() {
  console.log($(this).val());
});

上面的代码将在单选按钮选中时打印其值到控制台。

结论

jQuery单选按钮选中事件使我们能够在单选按钮选中时运行自定义的JavaScript代码。使用change()方法绑定事件处理程序，并使用$(this)获取当前选中的单选按钮。