我想在
javascript中创建一个简单的切换按钮.但是,该按钮只会变为“OFF”并且不会“ON”
<html><head></head> <script type="text/javascript"> function toggle(button) { if(document.getElementById("1").value=="OFF"){ document.getElementById("1").value="ON";} if(document.getElementById("1").value=="ON"){ document.getElementById("1").value="OFF";} } </script> <body> <form action=""> <input type="button" id="1" value="ON" style="color:blue" onclick="toggle(this);"> </form></body></html>
我正在运行:HP Netbook:Ubuntu Linux 10.04:适用于Ubuntu 1.0的Firefox.
解决方法
你的两个if语句都是一个接一个地执行,当你更改值然后立即再次读取它并将其更改回来时:
function toggle(button) { if(document.getElementById("1").value=="OFF"){ document.getElementById("1").value="ON";} else if(document.getElementById("1").value=="ON"){ document.getElementById("1").value="OFF";} }
在那里添加else应该可以阻止这种情况发生.