我正在尝试覆盖Magento2中的.phtml文件和块类，我添加了带有onclick函数的按钮，该按钮在此块中调用函数，但是即使刷新该按钮，也禁用了该按钮， onclick函数将被触发，我不知道为什么会这样。

我试图禁用该按钮，但是只要该功能在.phtml文件中，它就会被触发。

.phtml文件中我按钮的代码：

<button id="btn-add-10-percent" disabled="true" onclick="<?= $block->add10PercentPaid() ?>">10% Amount Paid</button>

我的Block Class .php文件中的代码：

public function add10PercentPaid()
{

}

我尝试过Ajax方式，但未触发按钮，我可以获得任何帮助吗？ 以下是我为脚本更新的代码，并且删除了上的onclick属性：

<script>
    require(['prototype','jquery'],function(jQuery) {
        const btn = document.getElementById("btn-add-10-percent");
        btn.onclick = function() {
            $.ajax({
                url: 'php file path',complete: function(response) {
                    $('#output').html(response.responseText);
                },error: function() {
                    $('#output').html('Bummer: there was an error!');
                }
            });
            console.log("Clicked");
        }
    });
</script>

现在即使控制台日志也不会显示单击的消息，我想专门在该php文件中调用一个函数，我该怎么做？

我期望仅通过单击按钮即可触发add10PercentPaid()，但现在甚至禁用了按钮，刷新页面时仍在触发该功能，并且不知道在哪里调试