Javascript 当两个值都为ON和ON时，单选按钮触发事件

我试图在用户单击两组单选按钮上的on和on值时触发事件

因此，当用户点击第一个按钮时，就会出现提示，提示“开”

当用户单击“关闭”时，会出现一个警告，提示“关闭”

当用户单击其pops上的第二个按钮时，会显示一条警报，当用户单击off时，该警报会显示on 1，表示off 2

当他们点击它时，它会说一些不同的东西，比如on和on

这是js

 $('.radioButton').click(function(e){
   selected = $(this).val();
   if (selected === 'on'){
     alert('on')
   }

   else if (selected === 'off'){
     alert('off')
   }

   else if (selected === 'on1'){
     alert('on1')
   }

   else if (selected === 'off1'){
     alert('off1')
   }

   else if (selected === 'on' && 'on1'){
     alert('on and on')
   }

  });

小提琴在这儿

---

首先关闭，为单选按钮提供一个名称属性，以区分集合：

<input name="one" class="radioButton" id="r1" type="radio" value="on">
<input name="one" class="radioButton" type="radio" value="off">
<input name="two" class="radioButton" type="radio" value="on1">
<input name="two" class="radioButton" type="radio" value="off1">

最后：

if(oneOn === 'on' && twoOn === 'on1') {
    alert("yes!");
}

原始方法无法工作，因为“选定”不能同时具有两个不同的值

if(oneOn === 'on' && twoOn === 'on1') {
    alert("yes!");
}