微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

我想在javascript中创建一个简单的切换按钮

我想在 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应该可以阻止这种情况发生.

原文地址:https://www.jb51.cc/js/155756.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐