两个单选按钮，当假选择时？

Question

我有以下用于过滤的类，两个bool值如此处所示

 public class ProductFilter
 {
    public bool Tubs { get; set; }
    public bool Packs { get; set; }
 }

我的观点如下：

@using (Html.BeginForm("Products", "Products", FormMethod.Post))
{
    <div class="row col-lg-12" id="filters">
        <div class="col-lg-4 text-right">
            @Html.RadioButtonFor(x => x.Filter.Tubs, Model.Filter.Tubs) Tubs
        </div>
        <div class="col-lg-4"></div>
        <div class="col-lg-4 text-left">
            @Html.RadioButtonFor(x => x.Filter.Packs, Model.Filter.Packs) Packs
        </div>
    </div>
}

选择其中任何一个时，都会调用以下脚本

$('#Filter_Tubs,#Filter_Packs').click(function () {
  var checked = $(this).attr('checked', true);
  alert(checked);
  if (checked) {
    $(this).attr('checked', false);
  } else {
    $(this).attr('checked', true);
  }
  this.form.submit();
});

现在，当我选择/取消选择它们时，我在控制器中得到了正确或错误，但是当我返回到视图时，即使Tubs和Packs的值为false，它们也保持选中状态？为什么？

我甚至在我的控制器中完成了这项操作，看它是否取消选择它们

viewModel.Filter.Tubs = false;
viewModel.Filter.Packs = false;

但没有用。