Question

如何在点击按钮时获取按钮的值？我所知道的是id，如下面的代码所示。还有其他方法吗？

<button type="buton" id="a" value="<?php echo $re[0]; ?>"  class="btn btn-primary" onclick="showalert()">Start</button>

<script type="text/javascript">
function showalert(){
   var sub = document.getElementById("a").value;
   alert(sub);

}
</script>

Answer 1

<button type="buton" id="a" value="<?php echo $re[0]; ?>"  
        class="btn btn-primary" onclick="showalert(this)">Start</button>

<script type="text/javascript">
function showalert(obj){
   alert(obj.value);
}
</script>

Answer 2

尝试使用classname

estout

Answer 3

您可以使用jQuery的选择器。

查看文档：{{3}}

获取价值：

$("yourClassOrID").val();

Answer 4

还有很多其他选择

您也可以使用这些

getElementByAttribute 

getElementsByClassName

在getElementsByClassName中，您必须提供您想要获得的类名。您可以在getElementByAttribute中提供任何属性。您也可以提供自定义创建的属性。

Answer 5

你可以用选择器：id不匹配您所需的id，class，html元素

document.querySelector(selectors);

如果你可以使用jquery

$( "button " ).val()

Answer 6

你可以这样得到它。使用jquery。

alert($("button")[0].value+"\n"+$("button")[1].value+"\n"+$("button")[2].value);

//with the help of javascript

function getValue(obj) {
  alert(obj.value);
}

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js">  </script>
  </head>
  <body>
    <button id="b1" value="first" onclick="getValue(this);">a</button>
    <button value="second" onclick="getValue(this);">b</button>
    <button value="third" onclick="getValue(this);">c</button>
  </body>
</html>

不会显示值。请尝试使用代码段。

Answer 7

使用jQuery可以通过其他函数获取值：

by id =＆gt; $("#id").val();
by class =＆gt; $(".class").val();
by element =＆gt; $("element-name").val();
4.您还可以通过$("any-of-above selectors").attr("attribute-name");

Answer 8

问题是：如何在点击按钮时显示按钮的值。

最简单的方法是使用this关键字将元素作为函数的参数发送。像这样：

<script>
function showText(element){
    alert(element.value);
}
</script>

<button onClick="showText(this)" value="Test1">Test1</button>
<button onClick="showText(this)" value="Test2">Test2</button>

使用此代码，您应该看到两个带有“Test1”和“Test2”文本的按钮，如果您单击其中一个，您应该会看到一个警告框，其中包含所单击按钮的正确标题。

如何获得按钮的价值，而不是使用＆＃39; id＆＃39;惯例？

8 个答案: