0

クリックではなく送信時にこれを機能させるにはどうすればよいですか?

ここに私のフォームがあります:

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

2 に答える 2

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();
    });
});
于 2013-02-23T18:53:55.923 に答える
0

そしてもう一つ

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

テスト用のJSFiddle

于 2013-02-23T19:01:47.190 に答える