0

チェックボックスのみのフォームがあります。

<form action="escreve.php" method="post">
    <label><input type="checkbox" autocomplete="off" checked="checked" name="autosave">Autosave</label>
    <input type="submit" name="formSubmit" value="Submit" />
</form>

これにより、escreve.php がトリガーされます。問題なく動作しますが、問題は、送信ボタンなしで escreve.php をトリガーするにはどうすればよいかということです。このフォームには 1 つの入力 (チェックボックス) しかないため、この場合は意味がないようです。

ユーザーがクリックインまたはクリックアウトするたびに、escreve.php がチェックボックスの値を読み取るようにしたいと考えています。私もjQueryを使っているので、可能でしょうか？

助けてくれてありがとう！

4

6 に答える 6

2

いくつかのJavaScriptを使用して送信をトリガーできます。

<form id='form' action="escreve.php" method="post">
    <label><input type="checkbox" autocomplete="off" checked="checked" name="autosave">Autosave</label>
</form>

<script>
$(document.ready(function (e) {
     $("input#autosave").click(function (e) {
         $("#form").submit();
     });
});
</script>
于 2013-08-09T10:58:04.450 に答える
2

jqueryフォーム送信メソッドを使用する

このようにしてみてください

<form action="escreve.php" method="post" id="myForm">
    <label><input type="checkbox" autocomplete="off" checked="checked" name="autosave" id="autosave">Autosave</label>
    <input type="submit" name="formSubmit" value="Submit" />
</form>

$(document).ready(function(){
  $("#autosave").click(function(){
      $("#myForm").submit()
  });
});
于 2013-08-09T10:52:46.030 に答える
1

ボタンを取り除くのではなく、チェックボックスを取り除きます。

<form action="escreve.php" method="post">
    <input type="submit" name="autosave" value="Autosave" />
</form>
于 2013-08-09T10:54:22.157 に答える
0

できますよ。jQuery onChange() または onClick() を参照し、.submit() を使用して jQuery でフォームを送信します

于 2013-08-09T10:53:21.250 に答える
0 
   var form = $('form');  

  $('[name="autosave"]').click(function() {
        $.ajax({
          type: form.attr('method'),
          url: form.attr('action'),
          data: form.serialize()
        }).done(function() {
          // Optionally alert the user of success here...
        }).fail(function() {
          // Optionally alert the user of an error here...
        });
        event.preventDefault(); // Prevent the form from submitting via the browser.
    });
于 2013-08-09T10:55:49.187 に答える
0
  • あなたのフォームにいくつかのIDを与えてください
  • 次に、チェックボックスの変更イベントで submit() メソッドを使用してフォームを送信します

例えば

$('#chkid').change(function() { $('#frmid').submit(); });

于 2013-08-09T11:02:59.410 に答える