通过jQuery删除attr时，无法再次添加attr

Question

这是我的代码：

$("input[name=donationmode]").change(function() {
    $(".setpaymentOptions").children().addClass("fadeout");
    $(".setpaymentOptions").children().children(".inputfield").children("input").attr("disabled", "disabled");

    $(".option-"+$(this).val()).removeClass("fadeout");
    $(".option-"+$(this).val()).children(".inputfield").children("input").removeAttr("disabled");

    if($(this).val() == 2)
    {
        $(".option-2").children(".inputfield").children("#paymentOption").find("input").removeAttr("disabled");
        $(".option-2").find(".addPaymentOption").attr("onclick", "addPaymentOption()");

    }
    else
    {
        $(".option-2").children(".inputfield").children("#paymentOption").find("input").attr("disabled", "disabled");
        $(".option-2").find(".addPaymentOption").removeAttr("onclick");
    }
});

当我将输入(它是一个由3个单选按钮组成的单选按钮组)改为2时，它会将onclick添加到.addPaymentOption中。然后我将输入更改为3，onclick就会消失。那很好。

现在是棘手的部分，当我点击后边的值为2的时，onclick没有返回。

请帮帮我，虫子在哪里？

Answer 1

您不希望添加onclick属性，而是希望添加一个click处理程序(并使用unbind删除它)。

   $('.option-2').find('.addPaymentOption').click( addPaymentOption );

   $('.option-2').find('.addPaymentOption').unbind( 'click', addPaymentOption );