jquery提交表单重定向

时间:2013-02-23 18:49:05

标签: javascript jquery html forms

如何才能将其设置为提交而非点击?

这是我的表格:

<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();
    });
});

2 个答案:

答案 0 :(得分:4)

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

即可
$(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();
    });
});

答案 1 :(得分:0)

另一个

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

JSFiddle进行测试。