如何使用javascript自动提交保存/重新填充的复选框

Question

谁能告诉我如何在页面重新加载时自动提交我保存/重新填充的复选框选项？一旦重定向到页面然后再次返回，复选框就会正确重新填充，但我不确定如何自动提交结果。

表格

<form id="form" method="post" action="">
<input type="checkbox" name="2kandunder" class="checkbox" id="1" <?=(isset($_POST['2kandunder'])?' checked':'')?>/> $2000 And Under<br>

<input type="checkbox" name="2kto4k" class="checkbox" id="2" <?=(isset($_POST['2kto4k'])?' checked':'')?>/> $2001 To $4000<br>
</script>    
<input type="checkbox" name="4kandup" class="checkbox" <?=(isset($_POST['4kandup'])?' checked':'')?>/> $4001 And Up<br></td>

选中框时自动提交的javascript。我试图将此代码实现到下面我用来重新填充选中复选框的 javascript 中，但无法使其正常工作。

<script type="text/javascript">  
$(function(){
 $('.checkbox').on('change',function(){
    $('#form').submit();
    });
});

在用户单击收藏按钮并被带到 php 脚本然后重定向回此页面后，我使用 javascript 重新填充复选框。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.cookie/1.4.0/jquery.cookie.min.js"></script>

<script>
  $(":checkbox").on("change", function(){
    var checkboxValues = {};
    $(":checkbox").each(function(){
      checkboxValues[this.id] = this.checked;
    });
    $.cookie('checkboxValues', checkboxValues, { expires: 7, path: '/' })
  });

  function repopulateCheckboxes(){
    var checkboxValues = $.cookie('checkboxValues');
    if(checkboxValues){
      Object.keys(checkboxValues).forEach(function(element) {
        var checked = checkboxValues[element];
        $("#" + element).prop('checked', checked);
      });
    }
  }

  $.cookie.json = true;
  repopulateCheckboxes();



</script>

php

if (isset($_POST["2kandunder"])) {
$arguments[] = "`2kandunder` = 'yes'";
}
if (isset($_POST["2kto4k"])) {
 $arguments[] = "`2kto4k` = 'yes'";
}
if (isset($_POST["4kandup"])) {
$arguments[] = "4kandup = 'yes'";
}
if(!empty($arguments)) {
$str = implode(' AND ',$arguments);

$qry = "SELECT favorite_id, id, venue, imageurl FROM venue_ads WHERE `showingads` = 'yes' AND " . $str . "";


$result = $conn->query($qry);



 if ($result->num_rows > 0)

复选框正确重新填充，但不提交任何内容。如何使重新填充 javascript 提交重新填充的复选框？

Answer 1

我可能误读了您的问题，因为您似乎可以通过提交表单来跟踪您对repopulateCheckboxes() 的呼叫，如下所示：

repopulateCheckboxes();
document.getElementById('form').submit();

也许你可以举一个 jsbin 的例子？