使用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/