javascript - jquery 提交表单重定向

Question

我怎样才能让它在提交而不是点击时工作？

这是我的表格：

<form>
    <input type="radio" name="value" value="http://google.com"><span>Google</span><br>
    <input type="radio" name="value" value="http://yahoo.com"><span>Yahoo</span><br>
    <input type="radio" name="value" value="http://bing.com"><span>Bing</span>
    <input type="submit" value="Submit">
</form>

这是我的jQuery：

$(function() {
    $("input[name$='value']").click(function() {
         window.location = $(this).val();
    });
});

Answer 1

只需将提交处理程序附加到表单

$(function() {
    $("form").submit(function(e) {
        e.preventDefault();//prevent the form from actually submitting
        var $choice = $(this).find("input[name='value']:checked");//get the selected option 
        if ($choice.length)// if an option is selected
            window.location = $choice.val();
    });
});

Answer 2

还有一个

$('input[value="Submit"]').click(function() {
    var loc = $('form input:radio:checked').val();
    window.location = loc;
    return false;
});

JSFiddle用于测试。