如何使用 PHP 在表单中提交复选框数据切换值

Question

我正在提交一个带有数据切换属性的复选框输入类型的表单，并希望在我提交表单时发布该值。

我已经在输入标签内提交了带有 onchange() 函数的表单，但无法在提交的表单中发布 data-toggle 的值

<form id="myForm" name="myForm" action="publish.php" method="post">
<label class="switch">
   <input type="checkbox" name="toggle" onchange="document.getElementById('myForm').submit();" id="toggle_id" data-toggle="toggle" data-off="Disabled" data-on="Enabled">
   <span class="slider round"></span>
</label>
</form>


publish.php
<?php
  $mode=$_POST['toggle'];
  if ($mode=='true')  
  {
    echo "good";
  }

  else if ($mode=='false')  
  {
    echo "bad";
   } 
?>

我希望表单将数据切换的值发布到 publish.php

Answer 1

我正在提交一个带有复选框输入类型的表单，它具有 data-toggle 属性，并希望在我提交表单时发布值

然后您需要使用 jquery 来准备数据属性值，然后使用 ajax 将该值发送到您的 php 脚本。

<form id="myForm" name="myForm" action="publish.php" method="post">
<label class="switch">
   <input type="checkbox" name="toggle" id="toggle_id" data-toggle="toggle" data-off="Disabled" data-on="Enabled">
   <span class="slider round"></span>
</label>
</form>


<script type="text/javascript">
  $('document').ready(function(){

      $('#toggle_id').on('change',function(e){
        e.preventDefault();

        var toggleValue = $(this).data('toggle'); //value of data toggle

        $.ajax({
            type : "POST",
            data : {toggleValue:toggleValue},
            dataType : 'json',
            encode : true,
            url    : "publish.php",
            success : function(response){

              // do something with the response
            }


        });
      })



  });
</script>

publish.php

<?php

    $toggle = isset($_POST['toggleValue']) ? $_POST['toggleValue'] : null;


  // $mode=$_POST['toggle'];
  // if ($mode=='true')  
  // {
  //   echo "good";
  // }

  // else if ($mode=='false')  
  // {
  //   echo "bad";
  //  } 
?>