Question

大家好，所以我试图根据选择的按钮更改javascript变量的值。例如

<button id="1" onclick="changeVal('val1')">b1</button>
<button id="2" onclick="changeVal('val2')">b2</button>

<script>
var value;
function changeVal(choice) {
  if (choice == 'val1') {
    value = 'number value 1'
  } else if (choice == 'val2'){
    value ='number value 2'
  }
*etc for more buttons*
}
</script>

稍后将使用变量值。无法真正解决问题，我要么完全错误，要么接近但不能完全达到目的。

编辑：所以仍然遇到麻烦，基本上我想返回那个选择值，这样就可以在另一个函数中调用它，例如。

<script>
var value... 
function changeval... //Return choice value out

function useValue() {
    alert(choice) //Use choice value here
}

注意忽略语法写得很快。

Answer 1

上述代码在Web浏览器中运行完美。问题必须是变量范围的概念。或者在您使用value变量的函数中。

Answer 2

请考虑将“choice”变量分配给全局变量，以便可以在函数外部访问它。示例代码段如下：

<button id="1" onclick="changeVal('val1')">b1</button>
<button id="2" onclick="changeVal('val2')">b2</button>
<button id="3" onclick="display()">Display Value</button>
<script>
    var value = "";
    var globalChoice ="";
    function changeVal(choice) {
        if (choice == 'val1') {
            value = 'number value 1';
        } else if (choice == 'val2'){
            value ='number value 2';
        }
       globalChoice = choice;
    }
    function display(){
        alert(globalChoice);
    }

</script>

根据所选的HTML按钮更改JS变量的值？

2 个答案: