使用jquery管理复选框并在控制器中发送这些值

Question

在razor视图中我有两个复选框属性。它们是相互排斥的。当一个被选中时，另一个不被选中，反之亦然。

@Html.EditorFor(model => model.Before)
@Html.EditorFor(model => model.Start)

在相同的视图中，点击

$('#Before').change(function () {
     if ($(this).is(":checked")) {
        $('#Start').attr('checked', false);
        return;
     }   
     $('#Start').attr('checked', true);
});
$('#Start').change(function () {
    if ($(this).is(":checked")) {
        $('#Before').attr('checked', false);
        return;
    }
    $('#Before').attr('checked', true);
});

进一步，我正在创建js对象，它将被字符串化并发送到mvc控制器

var myObj= {            
      Before: $("#Before").is(':checked'),
      Start: $("#Start").is(':checked')      
};
 alert("Is before checked: "+$("#Before").is(':checked'));
 alert("Is start checked: "+$("#Start").is(':checked'));
/* This returns always selected (correct) value  */
$.ajax({
          type: 'POST',
          traditional: true,
          contentType: 'application/json',
          url: '/Home/Manage',
          data: JSON.stringify({ model: myObj}),              
          success: function (data) { }
          },error: function () {
              alert('error');
          }
});

我有一个viewmodel代表这个myObj它被发送到控制器

public class MyViewModel
{
   public bool Start { get; set; }
   public bool Before{ get; set; }
}
[HttpPost]
public ActionResult Manage(MyViewModel model)
{ 
}

问题如下

当Start被选中时，然后我得到Start作为检查和Before作为非检查，这很好，但是当Before被选中和Start不被选中时，两者都在模型中的控制器中被接收为false。

Answer 1

尝试使用.prop('checked', true);代替.attr('checked', true);