1

少し単純なJavaScriptを使用して3つの状態を切り替えるボタン（入力タイプ=ボタン）がありますが、これはうまく機能しますが、フォームを送信するとボタンの現在の値を渡すことができません。

<input type=button ID="1" value="$decMake" name=decMake onclick="toggle(this);">

JS:

function toggle(button) {
  if(document.getElementById("1").value==""){
    document.getElementById("1").value="Strength";
  }
  else if(document.getElementById("1").value=="Strength"){
    document.getElementById("1").value="Opportunity";
  }
  else if(document.getElementById("1").value=="Opportunity"){
    document.getElementById("1").value="";
  }
}

単純な入力「隠し」ステートメントでこれを実行しようとしていますが、これでは不十分であり、それよりも少し賢くする必要があると思います。これを行う最良の方法は何ですか?

ありがとう

4

1 に答える 1

4

隠し入力はおそらくこれを行うための最良の方法です。

<input type="hidden" id="buttonValue" value=""/>
<input type=button ID="buttonToggle" value="$decMake" name="buttonToggle" onclick="toggle(this);">

また、ボタンidをよりわかりやすいものに変更します。

function toggle(button) {
    var value=button.value;
    switch(value){
        case "": value="Strength"; break;
        case "Strength": value="Opportunity"; break;
        default : value=""; 
    }
    button.value = value;
    document.getElementById("buttonValue").value = value;
}
于 2013-02-19T20:44:47.663 に答える