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

......并操作它？

谢谢！

P.S按钮的值是用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 );
});

jQuery - 从提交按钮操作值

2 个答案: