在选择电台,重定向到一个链接
on select radio, redirect to a link
我有三个无线电,我想要任何人的onselect被重定向到一个链接。使用javascript或jquery
All <input name="EventRadio" type="radio" value="" checked="checked"/>
Events<input name="EventRadio" type="radio" value="Events" /> Classes<input name="EventRadio" type="radio" value="Classes"/><br /><br />
所以,因为"All"是默认选中的,我希望它去mysite.com/search.aspx。现在,如果用户选择Events,我想将用户重定向到mysite.com/search?type=Events或者如果用户选择Classes,我想将用户重定向到mysite.com/search?type=Classes作为对讲机开启的回应。我该如何做到这一点?
All <input name="EventRadio" type="radio" value="" checked="checked" onclick ="goToLocation(this.value)"/>
Events <input name="EventRadio" type="radio" value="Events" onclick ="goToLocation(this.value)"/>
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";
}
作为示范:
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。
$('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';
}
});
相关文章:
- 在javascript中的xml中创建一个链接
- PNG图像被覆盖,但每个图像都有一个链接可以更改,每次一个-Javascript/jQuery/CSS
- 悬停时将一个链接更改为两个
- 如果某个值在另一个节点中,我如何每秒自动单击一个链接
- Ajax从一个链接中获取多个值
- 需要一个链接才能转到某个页面,然后快速返回到当前页面
- JavaScript 每 5 秒单击一个链接
- (angularJS)使ng-click在ng-repeat上打开一个链接
- 根据jQuery中的另一个链接更改url
- 下一个/上一个锚链接,如何在用户滚动时更新下一个/上一个链接
- 具有双重功能的按钮:在_blank窗口中打开一个链接,再加上_self中的另一个链接
- 如何创建一个链接,该链接使用相应的参数打开到其他链接
- 一个链接打开两个窗口
- 通过模糊功能传递链接,而不是单击另一个链接
- 如何使用jQuery打开一个链接,它的末尾有一个确切的模式
- 在JointJS中将一个链接链接到另一个
- 如何在javascript中将下一个和上一个链接添加到当前滑块
- 在javascript中创建一个链接来设置公共渲染参数的值
- 单击时打开 2 个链接,而不会将一个链接作为“弹出窗口”阻止
- 单击图像几秒钟后,打开一个链接