jquery - 如何将 Ajax 与 Jquery 和复选框结合使用

Question

我正在尝试一个简单的程序，在其中选择一个复选框，然后根据所选的复选框使用 AJAX 显示一个值。这是我的代码

<form action=""> 
<label><input type="checkbox" name="checkbox" value="4" id="check4" class="ajax">Module4</label>
</form>
<div class="col-md-5">
    <div id="value">
         <h2>Selected Module</h2>
    </div>
</div>

<script>
jQuery(".ajax").click(function(e){
    var val=jQuery('#check4').val();
    //~ alert(val);return false;
     jQuery.post("<?php echo \Yii::$app->getUrlManager()->createUrl(['cart/function2'])?>&id="+val) 
        .done(function(data) {
            if (data.trim().length >0)
            {
            alert("hai");   
             jQuery("#value").html(data);

            }
        });
    });

</script>

我得到的只是一个

Bad Request (#400): Unable to verify your data submission.

Controller 功能代码如下

public function actionFunction2($id)
    {


        return $this->renderAjax("function2");
    }

View 文件包含一行代码

<?php 
echo "Hai you have selected module 4";
?>

如有任何帮助，我们将不胜感激。

Answer 1

你可以像这样使用ajax:

$.post("./phppage.php",{checkbox: $("#checkboxID").is(":checked")},function(data,status){
    // use data for the returned value
});

您可以像这样访问 php 中发布的值:

<?php
     echo $_POST['checkbox'];
?>