2015-09-21 22 views
0

單擊按鈕時如何獲取按鈕的值?我知道的是以下代碼中的id。還有其他方法嗎?如何獲得按鈕以外的使用'按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> 
+0

您可以使用類 –

回答

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> 
0

嘗試使用類名

getElementsByClassName() 
0

還有許多其他選項

您可以使用這些以及

getElementByAttribute 

getElementsByClassName 

getElementsByClassName你必須提供你認爲值的類名螞蟻得到。 在getElementByAttribute中,您可以提供任何屬性。您也可以提供自定義創建的屬性。

+0

通過類名或屬性獲取值。我根據我的情況鼻涕。我有一個PHP while循環;一次創建多個按鈕。每個按鈕都有相同的類和ID。但我的迴應是不同的。每個按鈕的值。因此我接受@Harsh Makani答案 –

0

可以使用 其中選擇:身份證的情況下,不符合要求的ID,等級,html元素

document.querySelector(selectors); 

,如果你可以使用jQuery

$("button ").val() 
0

你可以得到它這樣。使用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>

值不會得到displayed.Try的片段。

+0

這是一個不好的答案,可以爲一個按鈕定義一個「value」屬性。見:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button或http://www.w3schools.com/tags/tag_button.asp –

+0

你不能這樣給它。您必須將打印出來。你不能把它放在值屬性中。 – Shubham

+0

對不起!!!我把它解釋錯了。我想他只是想打印價值。 – Shubham

0

有可能通過另一個功能通過使用jQuery得到值:

  1. 按id =>$("#id").val();
  2. 由類=>$(".class").val();
  3. 由元件=>$("element-name").val();
    4.you還可以通過$("any-of-above selectors").attr("attribute-name");獲得任何屬性值
0

問題是:如何顯示一個按鈕的值,當它被點擊。

最簡單的方法是使用關鍵字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的」,如果你點擊其中一個,你應該得到一個警告框的正確標題點擊按鈕。