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

Question

当用户单击两组单选按钮上的“打开”和“打开”值时，我尝试触发一个事件......

因此，当用户单击第一个 ON 时，会出现显示 ON 的警报。

当用户点击关闭时，会出现显示 OF.F 的警报

当用户单击第二个“ON”时，会弹出一条警报，显示“ON1”；当用户单击“ON”时，会弹出一条警报，显示“OFF2”。

当他们点击“ON”和“ON”时，会显示不同的内容，例如“ON AND 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')
   }

  });

这是 fiddle :

http://jsfiddle.net/d0okie0612/3u4Hj/

Answer 1

首先，为单选按钮指定名称属性以区分各组:

<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">

然后您可以检查每个集合检查的值，如下所示:

var oneOn = $('input:radio[name=one]:checked').val();
var twoOn = $('input:radio[name=two]:checked').val();

最后:

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

您原来的方法不起作用，因为“选定”不能同时具有两个不同的值。