ASP .NET MVC：处理与 View<->Controller 之间的单选按钮

Question

我一直在尝试让简单的“是/否”单选按钮列表正常工作，但遇到了奇怪的问题。请参考我下面的代码sn-ps。

型号：

                 public bool isTimer { get; set; }

查看：

                <div class="timer-selection">
                <%: Html.Label("Timer") %> 
                <%= Html.RadioButton("isTimer", Model.isTimer) %> Yes 
                <%= Html.RadioButton("isTimer", !Model.isTimer) %> No 
                </div>

Javascript sn-p 设置 isTimer 值：

                var timer = $(this).children("input.isTimer").val();
                $('#UpdateButton_isTimer').val(timer);

控制器：

    public virtual ActionResult CustomViewAdd(TimerViewModel model)
    {
            UITimerTable timer = new UITimerTable()
            {
                // My other properties
                isTimer = model.NewIsTimer
            };

        if (ValidateAndSubmitChanges())
            return RedirectToAction(MVC.Screen.CustomView(view.Id, false));

        return View(model);
    }

这成功地在我的数据库中添加了 isTimer 值，但有两件事我无法理解。

1. 当我选择 YES 时，它会在数据库中插入 False 值，当我选择 NO 时，它会插入 TRUE！我可以像下面一样在 View 中交换 NOT(!) 运算符，但从逻辑上讲它是错误的。

               <%= Html.RadioButton("isTimer", !Model.isTimer) %> Yes 
               <%= Html.RadioButton("isTimer", Model.isTimer) %> No 
   

2. 虽然我已经编写了 JAVASCript 以在我的表单再次加载（可见）时将值设置回来，但在我将其设置为 True 之后它总是将单选按钮值返回为 TRUE，并且无论何时加载，都会检查 YES 单选按钮。我从来没有检查过任何单选按钮！以下是我从 Chrom 检查元素时得到的 HTML 代码！不知道为什么 YES 单选按钮总是被设置。

               <div class="timer-selection">
               <label for="Timer">Timer</label> 
               <input checked="checked" id="UpdateButton_isTimer" name="UpdateButton.isTimer" type="radio" value="True"> Yes 
               <input id="UpdateButton_isTimer" name="UpdateButton.isTimer" type="radio" value="True"> No 
               </div>
   

任何帮助将不胜感激！

谢谢。

Answer 1

看来您应该像这样设置单选按钮

  <%= Html.RadioButton("isTimer", True) %> Yes 
  <%= Html.RadioButton("isTimer", False) %> No 

isTimer 的当前状态无关紧要。您正在尝试设置它；不要切换它。如果您要创建一个按钮来切换它，您可以使用 !Model.isTimer ，这很有意义。

要使您的单选按钮选中应选中的那个，您需要这样做：

  <%= Html.RadioButton("isTimer", True, Model.isTimer) %> Yes 
  <%= Html.RadioButton("isTimer", False, !Model.isTimer) %> No 

我相信第三个参数是它是否会被检查。那么让我们看看上面的作用。如果 Model.isTimer 为 true，则第一个单选按钮的检查值设置为 true，第二个设置为 !true (false)。在 Model.isTimer 为 false 的另一种情况下，第一个单选按钮检查值设置为 false，第二个设置为 !false (true)。

希望能解决问题。

Answer 2

您也可以将设置值视为 htmlAttribute

例如

<%= Html.RadioButton("isTimer",new{Value="true", checked="checked"})%> 

这与 m4tt1mus 不同

希望对你有帮助

要了解更多信息，请查看此链接 http://www.htmlcodetutorial.com/forms/_INPUT_TYPE_RADIO.html