使用jQuery

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/