如何将所选复选框从订单表单发布到ActionResult

本文关键字：表单 ActionResult 单表单 复选框 | 更新日期: 2023-09-27 18:24:35

型号：

public class ExampleModel
{
 public List<int> myExample {get;set;}
}

控制器：

[HttpPost]
public ActionResult Example(ExampleModel example)
{
  return View(); 
}

我有一组复选框：

剃刀：

<form method="post" action="NameController/Example">
    @foreach(var item in Model)
    {
       <input type="checkbox" name="myExample" value="2" />
       <input type="checkbox" name="myExample" value="5" />
       <input type="checkbox" name="myExample" value="6" />
       <input type="checkbox" name="myExample" value="7" />
    } 
    <button type="submit">Post</button>
</form>

为什么我的复选框值总是为空？这个例子中我哪里错了？

如何将所选复选框从订单表单发布到ActionResult

您需要将您选择的日期存储在cookie中，如下所示：

<script>
            $.cookie('datascelta', dataValue);  //set datascelta
            $.cookie('datascelta');  //get datascelta
            $.cookie('datascelta1', dataValue1);  //set datascelta
            $.cookie('datascelta1');  //get datascelta

            $(function () {
                $.datepicker.setDefaults($.datepicker.regional['it']);
                $('#datetimepicker6').datetimepicker({
                    inline: true,
                    altField: '#datascelta',
                    defaultDate: $.cookie('datascelta') ? $.cookie('datascelta') : new Date() //get the date after reload and init datepicker
                    onSelect: function (dataValue) {
                        $.cookie('datascelta', dataValue); //store the date in cookies before submiting form
                    }
                });
                $('#datetimepicker7').datetimepicker({
                    inline: true,
                    altField: '#datascelta1',
                    defaultDate: $.cookie('datascelta1') ? $.cookie('datascelta1') : new Date() //get the date after reload and init datepicker
                    onSelect: function (dataValue1) {
                        $.cookie('datascelta1', dataValue1); //store the date in cookies before submiting form
                    }
                });
                $("#datetimepicker6").on("dp.change", function (e)
                {
                    $('#datetimepicker7').data("DateTimePicker").minDate(e.date);
                });
                $("#datetimepicker7").on("dp.change", function (e)
                {
                    $('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
                });
            });
</script>

您应该将这些值保存在cookie中，您可以使用Jquery尝试这个libhttps://github.com/carhartl/jquery-cookie

Javascript在客户端运行时不会保存数据。您需要从服务器端发送数据，因为刷新页面将清除客户端的所有内容，并且只使用服务器端的数据。您可以使用php中的数据在输入中使用。

从php 声明数据

<?php $date = date(); ?>

然后取回javascript

var date = <?php echo $date; ?>;
相关文章：