Question

我有一个按钮（输入类型=按钮），使用一点点简单切换到3个状态一点点javascript，这很好但我发现当我提交表单时我不能通过按钮的当前值。

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

我正在尝试使用简单的输入“隐藏”语句来执行此操作，但我认为这不是足够，需要有点聪明，那么，最好的方法是什么

由于

Answer 1

隐藏输入可能是执行此操作的最佳方式。

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

将值从javascript传递到表单

1 个答案: