1

送信ボタンがいくつかあるフォームがあります。「送信」機能で値を取り、それらを操作できるように、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 で更新されているので、この部分について心配する必要はありません ;]

4

2 に答える 2

2

最も簡単な解決策は、ではなくボタン要素でイベントをキャッチすることだと思います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);
});
于 2013-02-03T18:00:02.097 に答える
2 
$('#buttons input[type="submit"]').on('click', function(e) {
   e.preventDefault();
   var data = {};
   data[this.id] = this.value;
   $.get("data.php", data );
});
于 2013-02-03T18:01:33.717 に答える