Home/ Questions/Q 854185
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T07:53:02+00:00

I am trying to make a simple toggle button in javascript. However, the button

  • 0

I am trying to make a simple toggle button in javascript. However, the button will only turn “OFF” and will not turn back “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>

I am running:HP Netbook : Ubuntu Linux 10.04 : Firefox for Ubuntu 1.0.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Both of your if statements are getting executed one after each other, as you change the value and then immediately read it again and change it back:

    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";}
}

    Adding the else in there should stop this happening.

    • 0