使用jQuery使用HTML中的单选按钮链接网页

Question

我有三个单选按钮。 我希望用户选择一个单选按钮，将其带到正确的网页。 但是，尝试执行后，我的代码无法正常工作。 我已经习惯了JavaScript并且仍然在学习。

有人可以帮我解决我该怎么做吗？

$( function() {
    $( "input" ).checkboxradio();
    $('input[type="radio"]').change(radChanged).trigger('change');
    function(){
        if ($(this).is(':checked') && $(this).val() == 'radio-1') {
            window.location = "http://www.google.com;
        }
        else{
            window.location = http://www.yahoo.com";
        }
});


<div id = "radioButtonRow">
<div id = "radioButton">
<input type="radio" name="radio-1" id="radio-1">
 <label for="radio-1">Access google </label>

<input type="radio" name="radio-1" id="radio-2">
 <label for="radio-2">access yahoo</label>

<input type="radio" name="radio-1" id="radio-3">
 <label for="radio-3">Go on Bing</label>

Answer 1

可以用HTML完成

<input type="radio" name="radio-1" id="radio-1" onclick="window.location='http://google.com'">

或者在jQuery中，您可以像这样调用每个单选按钮的onclick函数：

$("input[name='radio-1']").click(function(){
    window.location = "http://www.google.com"
});

工作提琴： https : //jsfiddle.net/w4zsy8nf/1/