如何使用 JavaScript 在单击时更改按钮文本？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/28620819/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to change button text on click using JavaScript?
提问by elmo330
Only started JS a couple of days ago, and I'm already having some troubles getting a toggle to work. I want the button to toggle between onand offwhen clicked.
几天前才开始使用 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>Is this how I should go about it?
这是我应该怎么做吗？
回答by Oli Soproni B.
try this
尝试这个
<!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>
define your function to be unique as always and not make use of the javascript function/reserve words just a recommendation/suggestion
像往常一样定义您的函数是唯一的，不要使用 javascript 函数/保留字只是推荐/建议
回答by varad mayee
Your having mistake in the if statement,there is no semicolon after if statement write the code as like below
你在 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>
回答by Mayuresh Patil
It will work for you
它会为你工作
function myFunction()
{
var change = document.getElementById("toggle");
if (change.value=="off") change.value = "on";
else change.value = "off";
}
for button
按钮
<input type="button" value="on" id="toggle" onclick="myFunction()">
回答by loan.burger
You can do this:
你可以这样做：
<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";
}
}
or by doing this:
或通过这样做：
function click()
{
if (this.value=="on")
{
this.value = "off";
}
else
{
this.value = "on";
}
}
