如何在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"); }); }); 

你可以在这里看到一个演示