如何使用jquery禁用和启用超链接

时间:2013-11-09 18:33:19

标签: jquery

我的网页上有一个超链接,我想要禁用,这样用户就无法点击它,当用户对表单的其他部分进行更改(事件发生)时,链接就会启用。

<a href="" id="saveChanges" >Save changes</a>

我试过了$("#saveChanges").attr("disabled", true);,但我仍然可以点击链接。任何的想法?感谢

2 个答案:

答案 0 :(得分:1)

锚不是表单字段,可以通过HTML声明禁用(顺便说一下,应该使用.prop()而不是.attr())。

必须一步一步地完成。

$(function () {
    $('a').on("click", function (e) {
        e.preventDefault();
    });
});

答案 1 :(得分:1)

要使链接无法点击,您可以删除href属性。但是,在删除href的值之前,应将其存储在另一个属性中,以便在需要时将其还原。 例如,

function makeUnClickable() {
    $('a').each(function () {
        $(this).data('href', $(this).attr('href'));
        $(this).removeAttr('href');
    });
}
function makeClickable() {
    $('a').each(function () {
        $(this).attr('href', $(this).data('href'));
    });
}

http://jsfiddle.net/cC7Um/