jquery - 页面上每个输入框的 jQuery .keyup

Question

我正在尝试将变量设置为用户在输入框中输入的文本。所以我把页面设置成这样：

var1 = ""

<input type="text" id="var1">

我试图将 var1 的值设置为用户键入的任何内容但是我有许多这样的输入框。我不想为每个单独创建一个函数。关于如何为页面上的每个输入框执行此操作的任何想法

编辑：很抱歉造成混乱。我的意思是我也有多个变量。因此，例如，我有 var1、var2 等都有各自的输入框

Answer 1

一种方法是将值保存在对象中：

var savedValue = {}
$('input').keyup(function(){
    savedValue[this.id] = $(this).val()
})

然后你可以这样访问它：

savedValue.var1

Answer 2

您可能不想将值存储在全局变量中。而且我假设您希望为每个输入分别存储该值。所以..

$('input').on('keyup',function(){
    $(this).data('var1',$(this).val());
})

取回它

$('input').each(function(){
    var var1 = $(this).data('var1');
    //do something here
})

Answer 3

$('input').bind('keyup', function() { var1 = $(this).val()});应该这样做。如果你有很多，不确定是否要将所有值存储在一个变量中。