自动触发按钮操作,而不是按下它

时间:2015-11-10 13:35:19

标签: javascript jquery html asp.net

我有人做了下面的aspx文件

现在按钮操作需要通过按“搜索”按钮手动触发,我想实现该按钮页面自动触发动作本身而无需人员点击它,我该如何实现?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="scripts/CheckBookingApp.min.js"></script>
<script>
    $(document).ready(function () {
        $("#btnSearch").CheckBooking();
    })
</script>
</head>
<body>
<form id="form1" runat="server">
    <div>
        <button id="btnSearch">Search</button>
    </div>
</form>
</body>

2 个答案:

答案 0 :(得分:1)

只需在你的domready中调用你的checkBooking()函数。

您可以使用它,以便在单击按钮时显示弹出窗口。

  $(document).ready(function() {

  function checkBooking() {
    alert('Checking booking');
  }

  // when the page loads
  checkBooking();
    
  //when the button is pressed
  $("#btnSearch").on('click', function() {
    checkBooking();
  });
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form>
  <button id="btnSearch">Check booking</button>
</form>

答案 1 :(得分:0)

你可以触发&#34;模拟点击&#34; javascript $('btnSearch').trigger('click');

的活动

如果您希望加入时间延迟,可以使用setTimeout()

在你的例子中

$(document).ready(function () {
    $("#btnSearch").CheckBooking();
    setTimeout(function() { 
           $("#btnSearch").trigger('click');
        }, 5000 /* 5000ms = 5sec */);
});