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

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>

来源

2014-11-02 Ignat

写：的document.getElementById（ '按钮1'）值 – 2014-11-02 06:00:28

你的代码看起来很好..可能是你的代码有另一个bug – Girish 2014-11-02 06:02:23

您的代码的作品，或者一些'browser'问题。？ – 2014-11-02 06:07:32

也许你有相同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>

来源

2014-11-02 06:08:38 TamarG

或更简洁：'button1Toggle（btn）{btn.value =（btn.value ===“mute”）？ “unmute”：“静音”; }' – jacob 2014-11-02 06:14:58

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

回答

相关问题