使用javascript创建ON / OFF按钮

时间:2011-05-22 17:32:09

标签: javascript

在页面上放置一个可用作ON / OFF开关的按钮。设计此按钮,使按钮标记为“ON”。单击按钮时,其标签应更改为“OFF”。再次单击它应该将其更改回“ON”,依此类推。

1 个答案:

答案 0 :(得分:5)

这好吗?:

<script type="text/javascript">
function onoff(){
  currentvalue = document.getElementById('onoff').value;
  if(currentvalue == "Off"){
    document.getElementById("onoff").value="On";
  }else{
    document.getElementById("onoff").value="Off";
  }
}
</script>

<input type="button" value="On" id="onoff" onclick="onoff();">