jquery更改锚链的href属性

Question

我有一个链接，它的href属性应该根据所选的单选按钮选项进行更改。Here是指向代码的链接

我看到href属性是通过firebug更改的，但是当单击它时，它不会转到新链接。这里的问题可能是什么？

HTML：

<a id="urlTest" title="Checkout" href="yahoo.com">Checkout</a>

<p><input type="radio" value="www.apple.com" name="url">Change to apple</p>

<p><input type="radio" value="www.google.com" name="url">Change to google</p>

The JavaScript

$(document).ready(function(){
    $('input[name=url]').bind('click', function () {
        $("#urlTest").attr("href",$(this).val());
    }
});

Answer 1

您的JavaScript无效；bind参数列表末尾缺少右括号。这样的错误在控制台(包括jsfiddle)中是可见的。

域名也应该是完全限定的。

Answer 2

$(document).ready(function(){ 
    $('input[name=url]').click(function () { 
        $("#urlTest").attr("href",$(this).val()); 
    });
}); 

你漏掉了结尾的括号。

对http也要使用完全限定的域名。

您也可以使用简写版本：.click(function () {})而不是.bind('click', function () {})。

Answer 3

试试这个：

$('input[name=url]').click(function(){
    $("#urlTest").attr("href",$(this).val());
})

这对我很管用。