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

Replacing functionality of one button with the functionality of another button using Javascript

本文关键字：按钮 功能 替换 另一个 一个 Javascript 使用      更新时间：2023-09-26

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

我有一个ID为"NextButton"的按钮，点击我想调用"SubmitButton"，因此"SubmitButton"的功能被执行。

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

请告诉我是否可能。

我知道它必须与OnClick事件做一些事情，但我不确定如何像我说的那样取代功能。

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

仅仅用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>

如果您有可用的jQuery:

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

另一个方法

<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>
相关文章：