javascript - 使用 Javascript 将一个按钮的功能替换为另一个按钮的功能

Question

我正在使用 LimeSurvey，我必须使用 javascript 更改按钮的功能。

我有一个 ID 为“NextButton”的按钮，单击它时我想调用“SubmitButton”，因此会执行“SubmitButton”的功能。

我只能使用 Javascript/Jquery 来做到这一点，而 HTML 中什么也做不了。

请让我知道是否可能。

我知道它必须与 OnClick 事件有关，但我不确定如何替换我所说的功能。

Answer 1

$(document).ready(function() {  
    $('#NextButton').click(function(event) {
        $('#movenextbtn, #movesubmitbtn').click();
    });         
});

Answer 2

仅使用 HTML 是不可能的，因为您无法使用 HTML 处理逻辑。

您可以做的最简单的事情是使用 JQuery 模拟单击​​另一个按钮：

给定以下按钮：

<input type="button" id="action_1" value="Button A" />
<input type="button" id="action_2" value="Button B" />

你可以使用这样的东西：

<script type="text/javascript">
    $("#action_1").on("click", function() { 
        $("#action_2").trigger("click");
    });
</script>

Answer 3

如果您有jQuery可用的：

$(function() {
  // grab NextButton and replace its click event
  $('#NextButton').click(function() {
    $('#SubmitButton').click();
    return false;
  });
});

Answer 4

另一种方法

<button class="btn btn-primary" id = "del-btn">Old btn</button>
<div id = "sho-btn"></div>


 <script>
    var a = "<button onclick="function();" class='btn btn-primary'>New Button</button>";
    document.getElementById("del-btn").style.visibility = 'hidden';
    document.getElementById("sho-btn").innerHTML = a;
    </script>