如何在页面加载时单击具有相同 Class 的所有输入

Question

我的网页上有一个包含多行（数百行）的 table。每个 table 行都有一个 class 名称为 act_inv 的输入。我正在尝试让 JavaScript/JQuery 单击名称为 act_inv 的 class 的每个输入。这可能吗？如果可以，我该怎么做？

我目前使用的代码（不起作用）是：

$(document).ready(function() {
   document.onload = function() {
    $('.act_inv').each(function(){
         $(this).trigger('click');
        if ( $(this).trigger('click')) {
            alert("hi");
        }
    });  
   }
});

我的输入示例：

<input class="act_inv" type="text">
<input class="act_inv" type="text">
<input class="act_inv" type="text">

Answer 1

由于您在问题中提到每一行都有一个输入，您可以这样做。它之所以有效，是因为我在我的应用程序中使用了它，那里有 300 个字段。

$('input[type=text]').each(function(){
           $(this).click();
     });

Answer 2

删除 document.onload，只需执行以下操作：

$(document).ready(function() {
  $('.act_inv').click();
});

这假设已经为 class 创建了一个 click() 处理程序。

片段

$(document).ready(function() {
  $('.act_inv').click(function() {
    $(this).val('clicked');
  });
  
  $('.act_inv').click();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input class="act_inv" type="text">
<input class="act_inv" type="text">
<input class="act_inv" type="text">

如何在页面加载时单击具有相同 Class 的所有输入

How to Click All Inputs with the Same Class on Page Load

javascript

jquery

input

click