jquery - 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"} );

提交时如何获取按钮的ID和值？所以它可能像

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

...并操作它？

谢谢！

PS按钮的值是用php和jQuery刷新的，所以不用担心这部分；]

Answer 1

我认为最简单的解决方案是在按钮元素上捕获事件，而不是在form.

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

Answer 2

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