如何在 javascript 中设置按钮值

Question

我想在不同的情况下设置不同的按钮值。模态显示样式最初是"none"。我尝试使用 $("#submitform").value ="Add Event"; 但是，它不起作用。当模式弹出时，按钮值仍然为空。

var btn = document.getElementById("myBtn");
    btn.onclick = function() {
        $("#submitform").value ="Add Event";
        modal.style.display = "block";
    };

<div id = "myModal" class = "modal">
<form name="addEvtForm" class="addEvtForm" >
  title:<input type="text" name="title" id="title" autocomplete="title"><br>
  <input type="button" value="" id="submitform">
</form>
</div>

Answer 1

尝试：

$('#submitform').val('Add Event');

或：

document.getElementById("submitform").value = "Add Event";

Answer 2

首先，您没有将 jQuery 添加到 html，因此 .value 无效。其次，您的代码存在无效语法。我修好了：

$("#submitform").click(function() {
        $('#submitform').val('Add Event');
        $(".modal").css("display", "block");
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id = "myModal" class = "modal">
<form name="addEvtForm" class="addEvtForm" >
  title:<input type="text" name="title" id="title" autocomplete="title"><br>
  <input type="button" value="" id="submitform">
</form>
</div>

这应该有效。

如何在 javascript 中设置按钮值

How to set button value in javascript

html

javascript

css

jquery

web-deployment