Question

我的表单只有一个复选框：

<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？在这种情况下似乎没有意义，因为这个表单只有一个输入（复选框）。

我想让escreve.php在用户点击或按下时读取复选框的值。既然我也在使用jQuery，那可能吗？

感谢您的帮助！

Answer 1

你可以使用一些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>

Answer 2

使用jquery form submit method

试试这个

<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()
  });
});

Answer 3

不要摆脱按钮，摆脱复选框。

<form action="escreve.php" method="post">
    <input type="submit" name="autosave" value="Autosave" />
</form>

Answer 4

确定你可以。请参阅jQuery onChange（）或onClick（）并使用带有.submit（）的jQuery提交表单

Answer 5

   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.
    });

Answer 6

为表单提供一些ID
然后在复选框

e.g

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

将复选框值提交给PHP而不提交按钮

6 个答案: