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

时间:2015-06-22 21:40:49

标签: javascript jquery input click

我的网页上有一个包含多行(数百个)的表格。每个表行都有一个类名为act_inv的输入。我正在尝试使用JavaScript / JQuery单击类名为act_inv的每个输入。这可能吗?如果是这样,我该怎么做?

到目前为止我使用的代码(不起作用)是:

$(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">

2 个答案:

答案 0 :(得分:3)

删除document.onload,然后执行:

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

这假定已经为该类创建了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">

答案 1 :(得分:1)

由于您在问题中提到每行都有输入,您可以执行以下操作。它的工作原理是因为我在有300个字段的应用程序中使用它。

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