如何區分2個按鈕調用相同的jQuery功能

Question

我有2個文本框和2個按鈕調用相同的功能。

<input type="text" id="value1"/> 
<input type="button" value="Get value" id="getvalue"/><br> 

<input type="text" id="value2"/> 
<input type="button" value="Get value" id="getvalue"/><br> 

$('#getvalue').click(function(){  
     recording one value at a time 
}); 

如何從同一個函數記錄每個單獨的值。 任何意見將非常歡迎。

謝謝。

Answer 1

ID應該是唯一的。

爲什麼不使用這樣的代碼。

<input type="text" id="value1"/> 
<input type="button" value="Get value" class="getvalue" id="btn1" /><br> 

<input type="text" id="value2"/> 
<input type="button" value="Get value" class="getvalue" id="btn2"/><br> 

$('input.getvalue').click(function(){  
    if (this.id == "btn1") { 
    } 
    if (this.id == "btn2") { 
    } 
}); 

Answer 2

嘗試這個 - Working Fiddle

和我一起Mr.Alien

$('#getvalue').click(function(){  
    var value1 = $('#value1').val(); 
    var value2 = $('#value2').val(); 
    alert(value1); 
    alert(value2); 
}); 

Answer 3

同意你可以做到這一點也按如下：

<input type="text" id="value1"/> 
<input type="button" value="Get value" data="val1" id="getvalue"/><br> 

<input type="text" id="value2"/> 
<input type="button" value="Get value" data="val2" id="getvalue"/><br> 

$('#getvalue').click(function(){  
     var data=$(this).attr('data'); 
if(data=="val1") 
{ 
alert($('#value1').val()); 
} 
else if(data=="val2") 
{ 
alert($('#value2').val()); 
} 
});