jquery追加结果输入按钮列表无法得到确切的值

jquery append result the list of input button cannot get exact value

本文关键字：结果 追加 输入 按钮 列表 jquery      更新时间：2023-09-26

我为按钮<input type="button" />的随机列表添加了不同的id值，以获得循环生成的唯一性，如下所示：

for(i=1;i<=10;i++){
    var btn_list = '<input type="button" id="btn_id'+i+'" value="button#'+i+'">';
    $('.btn_tableform').append(btn_list);
    }

这个forloop的结果是10个按钮，名称为button1等等…但我的问题是我无法获得正确的值，我的按钮点击似乎不起作用。

for(i=1;i<=10;i++){
  $('#btn_id'+i).on('click',function(){
     alert($(this).val());
  });
 }

您应该创建一个HTML字符串，并将其一次附加到循环之后。还要使用一个公共类，所以您只需要一个处理程序！

var buttonList = "";
for(i=1;i<=10;i++){
    buttonList += '<input type="button" id="btn_id'+i+'" class="button-list" value="button#'+i+'">';
}
$('.btn_tableform').append(buttonList);
$(".button-list").click(function() {
    alert(this.value);
});

您的点击事件将不起作用，因为您的按钮不在页面加载中，它们是用您的循环创建的。您将需要使用jquery .on()而不是click()，如下所示：

$(".button-list").on('click', function () {
        alert($(this).val());
});
相关文章：