2014-11-02 31 views
0

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>

+0

寫:的document.getElementById( '按鈕1')值 – 2014-11-02 06:00:28

+0

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

+0

您的代碼的作品,或者一些'browser'問題。 ? – 2014-11-02 06:07:32

回答

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> 
+3

或更簡潔:'button1Toggle(btn){btn.value =(btn.value ===「mute」)? 「unmute」:「靜音」; }' – jacob 2014-11-02 06:14:58