JavaScript判断表单提交时哪个radio按钮被选中的方法

当表单中有多个radio按钮时，我们需要判断哪个radio按钮被选中，以便在提交表单时获取对应的值。这里介绍两种判断radio按钮被选中的方法。

方法一：使用JavaScript循环遍历radio按钮，判断哪个按钮被选中

假设我们的表单中有三个radio按钮，分别是id为"radio1"、"radio2"、"radio3"。可以通过以下代码判断哪个按钮被选中：

var radios = document.getElementsByName("radios");
for (var i = 0; i < radios.length; i++) {
  if (radios[i].checked) {
    console.log("你选择了：" + radios[i].value);
  }
}

首先，使用document.getElementsByName方法获取所有name为"radios"的radio按钮。然后，使用for循环遍历所有的按钮，并判断哪个按钮被选中。如果按钮被选中，则输出对应的值。

在这个示例中，当用户选择了"radio1"，输出的结果将是："你选择了：radio1"。

方法二：使用jQuery选择器获取被选中的radio按钮的值

如果我们的网站中使用了jQuery库，则可以使用jQuery的选择器来获取被选中的radio按钮的值。以下是一个示例代码：

var selected_value = $('input[name=radios]:checked').val();
console.log('你选择了：' + selected_value);

这里使用了一个jQuery选择器获取所有name为"radios"的radio按钮，然后使用checked属性判断哪个按钮被选中，并获取对应的值。如果获取到了被选中的值，则输出对应的结果。

在这个示例中，当用户选择了"radio2"，输出的结果将是："你选择了：radio2"。

总结：

以上是两种判断表单提交时哪个radio按钮被选中的方法。第一种方法是通过JavaScript循环遍历所有radio按钮，判断哪个按钮被选中；第二种方法是通过使用jQuery选择器直接获取被选中的radio按钮的值。我们可以根据自己的实际情况来选择其中一种方法实现。