使用javascript的按鈕的值

我的表單中有3個按鈕。使用javascript的按鈕的值

所有的按鈕操作在點擊後會進入同一頁面，具體取決於點擊的按鈕。

我的查詢是：按鈕的名稱是「添加」，「編輯」和「刪除」

當「添加」按鈕後，使用JS我需要得到該按鈕的價值，類似的其他兩個按鈕....

你能幫忙嗎？

來源

2010-08-09 Lalchand

你是什麼意思的「按鈕操作」？表單有行動，按鈕不行。您是否發佈到服務器端腳本？你能顯示一些代碼嗎？ – RoToRa 2010-08-09 10:51:20

這是否與ajax相關，或者您只需將表單提交到服務器並讓服務器重定向您就可以嗎？ – cHao 2010-08-09 10:57:36

你試過了：document.getElementById('button_id').value在js函數中，你會在點擊按鈕時調用嗎？

來源

2010-08-09 10:49:03 aniri

就我個人而言，我會爲不需要3個獨立功能來完成這個相當簡單的任務的解決方案投票。 – cHao 2010-08-09 10:54:57

什麼：

var buttonValue = document.getElementById('IdOfYourButton').value

來源

2010-08-09 10:49:17

因此，三個點擊處理程序，除了這條線都完全相同？有一個更好的方法。 – cHao 2010-08-09 10:55:45

他說他需要獲得三個按鈕的價值。向我展示純粹的JavaScript更好的方式？他也可以使用buttonId參數創建一個處理函數方法.. – 2010-08-09 11:03:09

@ LucaszW.pl：檢查我的代碼。 – cHao 2010-08-09 11:12:20

<form> 
<script type="text/javascript"> 
    function doAction(value) 
    { 
    // Don't really have anything to set...just show the value 
    alert(value); 
    } 
</script> 
<input type="button" value="Add" onclick="doAction(this.value)"> 
<input type="button" value="Edit" onclick="doAction(this.value)"> 
<input type="button" value="Remove" onclick="doAction(this.value)"> 
</form>

有一些涉及到甚至沒有通過該按鈕的值等方式，但他們不是跨瀏覽器兼容的（IE使用了稍微不同的事件模型）。

當然，如果你不能夠在Javascript中做度日，並且可以只通過點擊按鈕關閉服務器，它就會比更容易......

<form> 
<input type="submit" name="action" value="Add"> 
<input type="submit" name="action" value="Edit"> 
<input type="submit" name="action" value="Remove"> 
</form>

並單擊按鈕爲準獲取到action=Add或任何其他網址。

來源

2010-08-09 11:06:39 cHao

有可以使用的目標屬性。它針對導致事件發生的元素。

button.addEventListener('click',function(e){ 
    console.log(e.target.value); 
});

來源

2014-09-09 12:10:37

使用javascript的按鈕的值

回答

相關問題