Question

这是我的代码：

＆＃13;

window.onload = function() {
  var a = document.getElementById("b1");
  a.addEventListener("click", function() {
    some code to access button value
  });
}

＆＃13;

<form name="myForm" id="myform">
  <input type="text" id="d11" />
  <button id="b1" class="b1" value="1">1</button>
</form>

＆＃13;

有没有其他方法可以在不点击的情况下获取<button>的价值？

Answer 1

您的问题写得不好，但我认为您希望在不使用点击事件正确的情况下获取按钮的值？如果是这种情况，那么简单地使用链接到dom选择器方法的.value属性就可以正常工作而不使用click事件。

＆＃13;

<form name="myForm" id="myform">
    <input type="text" id="d11"/>
    <button id="b1" class="b1" value="1">1</button>
    </form>
    <script>

    var a = document.getElementById("b1").value;

    console.log(a);


    </script>

＆＃13;

Answer 2

只需使用element.value。要通过id获取对元素的引用：

var a = document.getElementById("b1").value;

＆＃13;

window.onload=function(){
  var a = document.getElementById("b1").value;
  console.log("VALUE: ", a);
}

＆＃13;

<form name="myForm" id="myform">
<input type="text" id="d11"/> 
<button id="b1" class="b1" value="1">1</button>
</form>

＆＃13;

Answer 3

我可以想到五种方式：

var b1 = document.getElementById("b1");
var output = document.getElementById("output");

var val = b1.value; // This is the value!!!

output.innerHTML = val; // 1. way
alert(val); // 2. way
prompt(val); // 3. way
confirm(val); // 4. way
console.log(val); // 5. way

<form name="myForm" id="myform">
  <input type="text" id="d11" />
  <button id="b1" class="b1" value="1">1</button>
  <div id="output"></div>
</form>

无需使用onclick即可获取按钮值

3 个答案: