单选按钮火灾事件在双方的值ON和ON

Question

我想，当用户点击上和两套单选按钮的值时触发事件....

因此当用户第一个点击它说，并提醒来了，说开

当用户点击关闭警报大作，说关

当用户在第二它的持久性有机污染物点击上面写着ON1当警报

他们点击它说OFF2

当他们点击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') 
    } 

    }); 

继承人的小提琴

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

你原始的方法不行，因为“选择”一次不能有两个不同的值。