如何在jQuery中更改屬性值

Question

我不確定為什么我的代碼不起作用，任何幫助將不勝感激

我試圖創建一個jquery函數，通過該函數，當用戶單擊圖像（例如： messaging-img ）時，輸入字段將占據值101010 | 當用戶單擊unlimited-img ，輸入字段將使用值202020 。 可以一種；您可以在這方面給我建議-謝謝

$(document).ready(function () {
    $(".messaging-img").on("click", function(){
        $("#paypal-ref-111").val("101010");
    });

    $(".unlimited-img").on("click", function(){
        $("#paypal-ref-222").val("202020");
    });
    $(".basic-img").on("click", function(){
        $("#paypal-ref-333").val("303030");
    });
});

<div class="" id="paypal_express_checkout"><input type="" checked="checked"  id="paypal-ref-111" id="paypal-ref-222"  id="paypal-ref-333" value=""/></div>

Answer 1

這是一個可行的解決方案：

首先，我將您的輸入字段更新為僅包含一個名為paypal-ref ID。 一個元素只能包含一個ID，並且必須是唯一的。

 <input type="" checked="checked" id="paypal-ref" value=""/> 

其次，您的jQuery已相應更新：

 $(document).ready(function() { $(".messaging-img").on("click", function() { $("#paypal-ref").val("101010"); }); $(".unlimited-img").on("click", function() { $("#paypal-ref").val("202020"); }); $(".basic-img").on("click", function() { $("#paypal-ref").val("303030"); }); }); 

你可以在這里看到一個演示