jQuery - 從提交按鈕操作值

Question

我有一個表單提供幾個提交按鈕。 我想使用jQuery，所以它可以採取「提交」功能的價值和操作它們。

我，我不擅長jQuery的..所以現在我只來這...

<form id="buttons"> 
    <input type="submit" id="light1" value="OFF" /> 
    <input type="submit" id="light2" value="ON" /> 
    <input type="submit" id="light3" value="ON" /> 
    <input type="submit" id="light4" value="OFF" /> 
</form> 

<script> 
$('#buttons').submit(function() { 
$.get("data.php", { light1: "ON"}); 
    return false; 
}); 
</script> 

所以事情是我怎麼能代替這個

$.get("data.php", { light1: "ON"}); 

一些如何上提交編號的按鈕和值？ 所以它可能就像

$.get("data.php", { *ID OF A BUTTON*: "*VALUE OF BUTTON*"}); 

...並運作它？

謝謝！

PS按鈕的值與PHP和jQuery的，所以沒有這方面的部分憂慮刷新]

Answer 1

我認爲最簡單的解決辦法是捉對按鈕元素的情況下，而不是在form。

Answer 2

$('#buttons input[type="submit"]').on('click', function(e) { 
    e.preventDefault(); 
    var data = {}; 
    data[this.id] = this.value; 
    $.get("data.php", data); 
});