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

我同意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());
}
});

如何区分调用相同jquery函数的2个按钮

3 个答案: