на выбранном радио, переадресовать на ссылку

Question

У меня есть три радиостанции, и я хочу, чтобы каждый из вас был перенаправлен на ссылку. Использование JavaScript или JQuery

All <input name="EventRadio" type="radio" value="" checked="checked"/>&nbsp; 
    Events<input name="EventRadio" type="radio" value="Events" />&nbsp;Classes<input name="EventRadio" type="radio" value="Classes"/><br /><br /> 

так, поскольку «Все» по умолчанию установлен, я хочу, чтобы перейти к mysite.com/search.aspx. теперь, если пользователь выбирает События, я хочу перенаправить пользователя на mysite.com/search?type=Events или если пользователь выбирает классы, я хочу перенаправить пользователя на mysite.com/search?type=Classes в качестве ответа на onselect of the radioios. Как мне это достичь?

Answer 1

$('input').click(function(){ 
    var val = $(this).val(); 
    if(val !== ''){ 
     window.location = 'http://mysite.com/search?type=' + val; 
    }else{ 
     window.location = 'http://mysite.com/search.aspx'; 
    } 
}); 

Answer 2

All  <input name="EventRadio" type="radio" value="" checked="checked" onclick ="goToLocation(this.value)"/>&nbsp; 
Events <input name="EventRadio" type="radio" value="Events" onclick ="goToLocation(this.value)"/>&nbsp; 
Classes <input name="EventRadio" type="radio" value="Classes" onclick ="goToLocation(this.value)"/><br /><br /> 


function goToLocation(val){ 
if(val == "Events") 
    window.location = "go to Events location"; 
if(val == "Classes") 
    window.location = "go to Classes location"; 
window.location = "go to default location"; 

} 

Answer 3

В качестве демонстрации:

var inputs = document.getElementsByTagName('input'), 
    radios = [], 
    output = document.getElementById('output'), 
    url = 'mysite.com/search?type='; 

for (var i = 0, len = inputs.length; i<len; i++) { 
    if (inputs[i].type == 'radio'){ 
     radios.push(inputs[i]); 
    } 
} 

for (var r=0, leng = radios.length; r<leng; r++){ 
    radios[r].onchange = function(){ 
     if (this.value){ 
      /* in real life use: 
      document.location = url + this.value; 
      */ 
      output.innerHTML = url + this.value; 
     } 
     else { 
      /* in real life use: 
      document.location = 'mysite.com/search?type=Events'; 
      */ 
      output.innerHTML = 'mysite.com/search.aspx'; 
     } 
    } 
} 

JS Fiddle demo.

Обратите внимание, что я также поменял вашу марку, чтобы использовать элементы <label>, и удалил   s и <br /> s.