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>

JavaScript

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

Answer 1

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

您错过了结束括号。

也可以使用http。

的完全限定域名

您还可以使用速记版本：.click(function () {})代替.bind('click', function () {})。

Answer 2

您的JavaScript无效;你在bind参数列表的末尾错过了一个右括号。这样的错误在控制台中可见（包括在jsfiddle上）。

域名也应该是完全合格的。

Answer 3

试试这个：

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

它对我有用。

jquery更改锚链接的href属性

3 个答案: