如何使用JavaScript更改點擊時的按鈕文字？

Question

幾天前才開始使用JS，但在切換時我已經遇到了一些麻煩。 我希望按鈕在單擊時在on和off之間切換。

 function click() { var change = document.getElementById("toggle"); if (change.innerHTML == "on"); { change.innerHTML = "off"; } else { change.innerHTML = "on"; } }

 <button type="button" id="toggle" onClick="click()">on</button>

這是我應該怎么做嗎？

Answer 1

嘗試這個

<!DOCTYPE html>
<html>
    <body>

        <button id="toggle" onclick="myFunction()">on</button>

        <script>

            function myFunction() {
                var change = document.getElementById("toggle");
                if (change.innerHTML == "on")
                {
                    change.innerHTML = "off";
                }
                else {
                    change.innerHTML = "on";
                }
            }

        </script>
    </body>
</html>

一如既往地將您的函數定義為唯一，而不是僅出於建議/建議而使用javascript函數/保留字

Answer 2

您在if語句中有錯誤，if語句編寫如下代碼后沒有分號

 <button name="toggle" id="toggle" onclick="myFunction()">on</button>

            <script>

                function myFunction() {
                    var change = document.getElementById("toggle");
                    if (change.innerHTML == "on")
                    {
                        change.innerHTML = "off";
                    }
                    else {
                        change.innerHTML = "on";
                    }
                }

            </script>

Answer 3

你可以這樣做：

<button type = "button" id= "toggle" onClick = "click()">on</button>


function click()
{
    var change = document.getElementById("toggle");
    if (change.value == "on")
    {
        change.value = "off";
    }
    else 
    {
      change.value = "on";
    }
}

或這樣做：

function click()
{
    if (this.value=="on")
    {
        this.value = "off";
    }
    else 
    {
         this.value = "on";
    }
}

Answer 4

它將為您服務

function myFunction()
    {
        var change = document.getElementById("toggle");
        if (change.value=="off") change.value = "on";
        else change.value = "off";
    }

用於按鈕

<input type="button" value="on" id="toggle" onclick="myFunction()">

如何使用JavaScript更改點擊時的按鈕文字？

問題描述

4 個解決方案

解決方案1
2 2015-02-20 03:50:38

解決方案2
1 2015-02-20 04:23:23

解決方案3
0 2015-02-20 02:45:09

解決方案4
0 2016-12-08 18:56:11

如何使用JavaScript更改點擊時的按鈕文字？

問題描述

4 個解決方案

解決方案1 2 2015-02-20 03:50:38

解決方案2 1 2015-02-20 04:23:23

解決方案3 0 2015-02-20 02:45:09

解決方案4 0 2016-12-08 18:56:11

解決方案1
2 2015-02-20 03:50:38

解決方案2
1 2015-02-20 04:23:23

解決方案3
0 2015-02-20 02:45:09

解決方案4
0 2016-12-08 18:56:11