检索具有相同类的两个按钮的检查状态以在if语句中使用?

Question

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

为了解决这个问题，假设我在每组中有三个按钮，并且有 2 个按钮(实际上每个按钮还有很多(。

.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
}