如何区分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()); 
} 
});