主页 / 问题 / 1045215
Accepted
Johnny Rage
Asked:2020-11-12 19:31:38 +0000 UTC2020-11-12 19:31:38 +0000 UTC

JS：访问页面上的元素，触发“点击”事件

  • 772

在某些页面上，我需要通过单击链接来检查复选框并生成按钮单击事件：

<input type="submit" name="updatecart" id="btn_update" value="@T("Wishlist.UpdateCart")" class="button-2 update-wishlist-button" /> <!--Update Wishlist-->

脚本本身如下所示：

<script language="JavaScript">

    function set_check()
    {
        $('#cb_remove').prop('checked', true);
    }
    jQuery('btn_delete').click(set_check());

    let event = new Event("click");
    @*$('#btn_update').dispatchEvent(event);*@<!--в @**@ заключён комментарий, т.к. работаю с Razor Pages-->
    var pbUpdate;
    pbUpdate = document.getElementById('btn_update');
    pbUpdate.dispatchEvent("click");
</script>

最终它不起作用。Opera浏览器报错：

Uncaught TypeError: Cannot read property 'dispatchEvent' of null at wishlist:1

如何解决？我究竟做错了什么？

如何引用一个元素以生成使用 LMB 点击它的事件？（已经在 Google 中挖了很多页面，但没有任何效果 =( )

javascript

1 个回答

  1. Best Answer

    将脚本放在元素下方

    <input type="submit" name="updatecart" id="btn_update" ...

    或将脚本包装在$(document).ready(....

    function set_check()
{
    $('#cb_remove').prop('checked', true);
}
jQuery('#btn_delete').click(set_check);

    document.getElementById('btn_update').dispatchEvent(new Event("click"));
    • 1

相关问题