Question

当用户点击两组RADIO BUTTONS上的On和On值时，我正试图触发一个事件....

所以，当用户点击第一个ON时，它会显示警告，并显示ON

当用户点击警报时出现OFF

当用户点击第二个ON时，当它们点击它时会弹出一个显示ON1的警告说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')
   }

  });

继承人小提琴

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!");
}

您的原始方法无效，因为“已选择”不能同时拥有两个不同的值。

BOTH值为ON和ON时，单选按钮触发事件

1 个答案: