Question

我正在尝试（在Visual Studio 2015中构建一个Windows应用程序）来识别按钮的onclick事件，并使用以下代码更改它的值。

这是默认的html：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <title>PlanetHome Proxy Switch</title>

    <!-- WinJS-Verweise -->
    <link href="WinJS/css/ui-dark.css" rel="stylesheet" />
    <script src="WinJS/js/base.js"></script>
    <script src="WinJS/js/ui.js"></script>
    <script src="AcidJs.ToggleSwitch/lib/jQuery/jquery-1.10.1.min.js"></script>
    <script src="AcidJs.ToggleSwitch/classes/ToggleSwitch.js"></script>

    <!-- App2-Verweise -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="/js/default.js"></script>

    <script type="text/javascript">
// Toggles the passed button from OFF to ON and vice-versa.
        function toggle(button) {
            switch (button.value) {
                case "ONN":
                    button.value = "OFF";
                    break;
                case "OFF":
                    button.value = "ONN";
                    break;
            }
        }
    </script>
    </head>
    <body class="win-type-body">
        <form action="">
            <input type="button" id="1" value="ONN" style="color:blue"
                   onclick="javascript:toggle(this);">
        </form>
    </body>
</html>

但巴顿的价值不会改变。我错过了什么？非常感谢帮助。

再次：我在Visual Studio 2015中尝试构建Windows应用程序。

Answer 1

尝试使用此代码切换按钮值

HTML

override func animationDidStop(anim: CAAnimation, finished flag: Bool) {
    print("animationDidStop")

    let nameValue3 = anim.valueForKey("fadeInV") as? String
    if let name = nameValue3 {
        if (name == "video") {
            self.player.play()
        }
    }

function toggle(button) {
    switch (button.value) {
        case "ONN":
            button.value = "OFF";
            break;
        case "OFF":
            button.value = "ONN";
            break;
    }
}

<html>
  <body>
    <h1>Setting button.value by switch with onclick event</h1><br>
     <input type="button" id="1" value="ONN" style="color:blue"  onclick="javascript:toggle(this);">
</body>
  </html>

JS

 <input type="button" id="1" value="ONN" style="color:blue"  onclick="javascript:toggle(this);">

Answer 2

我想你想要这个。保持你的js代码在头部。

<html>
<head>
     <script type="text/javascript">
// Toggles the passed button from OFF to ON and vice-versa.
        function toggle(button) {
            switch (button.value) {
                case "ONN":
                    button.value = "OFF";
                    break;
                case "OFF":
                    button.value = "ONN";
                    break;
            }
        }
    </script>
</head>
<body class="win-type-body">
<form action="">
<input type="button" id="1" value="ONN" style="color:blue"
onclick="javascript:toggle(this);">
</form>
</body>
</html>

如何通过onclick事件切换设置button.value

2 个答案: