javascript - 如何正确使用按钮切换功能

Question

button1Toggle() 函数似乎不起作用。按钮中的文本不会改变。找不到错误。

 function button1Toggle() {
    if (document.myform.button1.value == "Mute") {
         document.myform.button1.value = "Unmute";
      } else {
         document.myform.button1.value = "Mute";
      }
    }

<div>Tablet</div><br>
<form name ="myform">
    <input type="button" name="button1" id="button1" value="Mute" onclick="button1Toggle()">
</form>

Answer 1

也许您还有另一个具有相同 id 的按钮？

尝试 -

function button1Toggle(btn) {
    if (btn.value == "Mute") {
        btn.value = "Unmute";
    } else {
        btn.value = "Mute";
    }
}


 <div>Tablet</div><br>
     <form name ="myform">
        <input type="button" name="button1" id="button1" value="Mute" onclick="button1Toggle(this)">
    </form>