使用 Javascript 将一个按钮的功能替换为另一个按钮的功能答案

【问题标题】：Replacing functionality of one button with the functionality of another button using Javascript使用 Javascript 将一个按钮的功能替换为另一个按钮的功能
【发布时间】：2014-07-11 11:41:21
【问题描述】：

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

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

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

如果可能，请告诉我。

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

【问题讨论】：

可能是这样的：$(NextButton).click(function(e){ $(SubmitButton).trigger("click"); e.stopPropagation(); });
是的，绝对有可能。

标签： javascript jquery html limesurvey

【解决方案1】：

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

【讨论】：

【解决方案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>

【讨论】：

【解决方案3】：

如果您有jQuery 可用：

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

【讨论】：

您的页面中是否加载了 jQuery？您在 javascript 控制台中看到任何错误吗？

【解决方案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>

【讨论】：