时间戳

首页 > 解决方案 > 使用javaScript将按钮的值存储在变量中

javascript - 使用javaScript将按钮的值存储在变量中

问题描述

我有两个按钮，我想将按下的按钮的 value 属性存储到一个名为 amount 的变量中。下面的代码显然是错误的，我的两个按钮都有两个相同的 id。我应该在函数中做什么以将 value 属性保存到可变数量 onclick？

<button type="button" id='btn' onclick='storeVar' value='1'>1</button>
<button type="button" id='btn' onclick='storeVar' value='2'>2</button>
<script>
  function storeVar() {
    var amount = document.getElementById('btn').getAttribute('value');
    console.log(amount);
  } 
</script>

标签： javascripthtml

解决方案

属性id在文档中必须是唯一的，请改用class。也传递this给函数，以便您可以引用函数内的当前按钮：

function storeVar(el) {
  var amount = el.getAttribute('value'); 
  // OR: simply 
  // var amount = el.value;
  console.log(amount);
} 
<button type="button" class='btn' onclick='storeVar(this)' value='1'>1</button>
<button type="button" class='btn' onclick='storeVar(this)' value='2'>2</button>

推荐阅读