是否检索具有相同类的两个按钮的选中状态以在if语句中使用？

Question

我在同一页中有多组单选按钮，除了每组的名称外，所有这些单选按钮都共享相同的数据。

对于这个问题，假设我在每个集合中有三个按钮，并且有两个集合(实际上每个集合都有更多)。

HTML：

<input class="radio-1" name="set-1" type="radio">
<input class="radio-2" name="set-1" type="radio">
<input class="radio-3" name="set-1" type="radio">

<input class="radio-1" name="set-2" type="radio">
<input class="radio-2" name="set-2" type="radio">
<input class="radio-3" name="set-2" type="radio">

对我来说，重要的是使用相同的类名，而不是将它们分别命名为单独的id，因为有太多的类名，这将使我在一个无法忍受的冗长和复杂的过程中编写我将使用它们的函数。

在我的JS中，我希望能够说：“如果选中了共享' radio -2‘类名的单选按钮中的任何一个(即使只有一个)，则继续执行函数1。否则，继续执行函数2。”

这是我的JS中的功能，但它不起作用：

var radio2 = document.getElementsByClassName('radio-2');

if (radio2.checked) {

// Perform function 1

  } else {

// Perform function 2

  }  

你将如何让它工作？我愿意接受任何形式的变通方法。

Answer 1

为此，您可以使用JQuery：

// select all DOM elements of type 'input' with css class 'radio-2' that are checked!
if ($('input.radio-2 :checked').size() > 0) {
    //call function 1
} else {
    //call function 2
}

Answer 2

您可以将类与名称选择器一起使用

if ($('radio-2[name=set-2or anything] :checked').size() > 0) {
     //call function 1
} else {
     //call function 2
}

Answer 3

最后，这对我来说是有效的：

if ($('input.radio-2').is(':checked')) {
  //call function 1
} else {
  //call function 2
}