BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] 私はjavascriptで簡単なトグルボタンを作ろうとしています。

2022-01-25 20:40:35

質問内容

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 : Firefox for Ubuntu 1.0 を実行しています。

解決方法を教えてください。

あなたの 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 を追加することで、この現象が発生しなくなるはずです。

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します