我正在尝试(在 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>
但是 Button 的值没有改变。 我缺少什么?非常感谢您的帮助。
再次:我正在 Visual Studio 2015 中尝试此操作来构建 Windows 应用程序。
最佳答案
尝试使用此代码来切换按钮值
HTML
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>
<input type="button" id="1" value="ONN" style="color:blue" onclick="javascript:toggle(this);">
JS
function toggle(button) {
switch (button.value) {
case "ONN":
button.value = "OFF";
break;
case "OFF":
button.value = "ONN";
break;
}
}
关于javascript - 如何通过带有onclick事件的开关设置button.value,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35891205/