2015-07-20 37 views
1

我不確定爲什麼我的代碼不能正常工作更改屬性值,任何幫助將不勝感激如何在jQuery的

我試圖在那裏通過創建一個jQuery的功能,當用戶點擊 圖像(例如:messaging-img)輸入字段佔用值101010 |當用戶點擊unlimited-img時,輸入字段佔用值202020。可能的一種; Y勸我在這 - 謝謝你

$(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> 
+8

多ple' id'屬性,無效的HTML – Tushar

+3

您不能將3'id'屬性賦予元素。決定一個'id'。 –

+0

你可以將id改爲class,在jquery中使用'.'而不是'#',或者將id改爲'paypal-ref'並將其用於所有選擇器 – depperm

回答

1

這裏是一個有效的解決方案:

首先,我已經更新了你的輸入字段只包含一個ID,名爲paypal-ref。一個元素只能包含一個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"); 
 
    }); 
 
});

你可以看到一個演示here

+0

謝謝soo !! – ARTLoe