Question

我想在页面加载时调用OnClick函数而不需要用户点击。我们可以在jQuery或javascript中执行此操作吗？

     <input name="ctl00$PlaceHolderMain$ButtonSection$RptControls$BtnSubmit" 
        class="ms-ButtonHeightWidth" 
        id="ctl00_PlaceHolderMain_ButtonSection_RptControls_BtnSubmit" 
        accessKey="o" onclick="javascript:WebForm_DoPostBackWithOptions(new 
        WebForm_PostBackOptions("ctl00$PlaceHolderMain
                                $ButtonSection$RptControls$BtnSubmit", 
                                "", true, "", "", false, true))" 
        type="button" value="OK"/>

Answer 1

$(document).ready(function() {
    $("#ctl00_PlaceHolderMain_ButtonSection_RptControls_BtnSubmit").click();
});

这将使用提供的click触发元素上的id事件，并在文档完全加载时运行。

Answer 2

您可以调用触发器并传递要触发的事件类型。

$('#ctl00_PlaceHolderMain_ButtonSection_RptControls_BtnSubmit').trigger('click');

Answer 3

您可以尝试执行$("#ctl00_PlaceHolderMain_ButtonSection_RptControls_BtnSubmit").trigger('click');这会模仿按钮上的点击更多信息here

Answer 4

您在问题标题中暗示您要单击的按钮是提交按钮。如果是这样，最好调用表单的submit方法而不是提交按钮的click事件。

document.forms["myform"].submit()

Answer 5

或者在正文中使用javascript：

<body onload="javascript:document.getElementById('ctl00_PlaceHolderMain_ButtonSection_RptControls_BtnSubmit').click()" ></body>

诀窍是获取元素并调用click方法。

问候。

Answer 6

var $btnSubmit = $('#ctl00_PlaceHolderMain_ButtonSection_RptControls_BtnSubmit');

// Either method will work:

// Method 1: jQuery has a click event pre-defined
$btnSubmit.click();

// Method 2: some events (such as newly defined HTML5 events) 
// may not be pre-defined, so .trigger('[event]') is a way to 
// explicitly invoke that event
$btnSubmit.trigger('click');

从jquery调用提交按钮功能？

6 个答案: