有没有一种更简单的方法可以根据单选按钮的选择来重定向浏览器?这行得通,但从我在万维网上阅读的内容来看,可能有一种更简单的方法。
这是我的表格:
<form>
<input type="radio" name="value" value="google"><span>Google</span><br>
<input type="radio" name="value" value="yahoo"><span>Yahoo</span><br>
<input type="radio" name="value" value="bing"><span>Bing</span>
这是我的 jquery:
$(function() {
$("input[name$='value']").click(function() {
var value = $(this).val();
if (value == 'google') {
window.location.assign("http://www.google.com");
}
else if (value == 'yahoo') {
window.location.assign("http://www.yahoo.com");
}
else if (value == 'bing') {
window.location.assign("http://www.bing.com");
}
});});
提前致谢
最佳答案
我会将 html 稍微更改为如下内容:
<form>
<input type="radio" name="redirect" value="http://google.com"><span>Google</span><br>
<input type="radio" name="redirect" value="http://yahoo.com"><span>Yahoo</span><br>
<input type="radio" name="redirect" value="http://bing.com"><span>Bing</span>
</form>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$('input[type="radio"]').on('click', function() {
window.location = $(this).val();
});
</script>
我也会更改为 .on() 方法,因为它只是简单地调用 .on() 。原因是 .click() 只是调用了 .on() 方法,创建了一个并非真正必要的额外函数调用。加上 .on() 更加灵活!
关于javascript - 根据单选按钮值重定向浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15043117/