如何在同一个 RadioButtonFor() 列表中使用多个模型参数？

Question

有什么方法可以在 html 上的同一个单选按钮组中使用多个模型属性，而不会破坏 Razor 用来在提交时获取唯一字段的 Name 字段？

我尝试了以下方法：

<h2>Store or Corporate</h2>
        <div class="store-selection-buttons">
            <label>Corporate</label>
            @Html.RadioButtonFor(model => model.JobPostStatus.IsCorporate, "true")
            <label>All Stores</label>
            @Html.RadioButtonFor(model => model.JobPostStatus.IsAllStores, "true")
            <label>Select Stores</label>
            @Html.RadioButton("Store Selection", false, new { @id = "select-stores" })
            //This one does other selection work in jquery for individual stores (List<int>)
        </div>

Answer 1

您正试图在您的模型中利用两个不同的属性：

• IsCorporate
• IsAllStores

模型表明两者可以同时为true或false。您真的应该将它们分组到一个属性中，因为一次只能选择一个。如果您要求两个单独的，您可以附加另一个 hidden 并关闭两者，但显然您会与“如果两者都是真的怎么办？”应该选择哪一个。

不过，您可以通过多种方法做到这一点，最简单的方法是：

<input type="hidden" value='@Html.DisplayFor(business => model.IsBusiness)' />
<input type="radio" name="businessType" value="true">Corporate</input>
<input type="radio" name="businessType" value="false">Store</input>

然后您可以简单地让document.load 上的 jQuery 触发更改以选择正确的值。

另一种选择是，如果您像我提到的那样转换为单一值，您可以关注此 Stack Overflow answer。

Answer 2

经过研究，Razor 需要单选按钮的名称不同才能成功回传，但单选按钮本身需要相同的名称才能成功链接。

目前没有使用 Razor 语法解决此问题的方法，最好的替代方法是使用带有 if() 语句的复选框来关闭所有其他复选框

此问题已通过创建自定义 jquery 验证得到解决，如果其他 3 个复选框中的任何一个处于打开状态，则其余复选框将被取消选中。

Answer 3

单选按钮组的basic HTML 是，例如

  <input type="radio" name="gender" value="male"> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <input type="radio" name="gender" value="other"> Other

• 我们需要名称相同，以便它们作为一个组一起工作
• 我们需要传入模型中的值，以便正确显示

您可以通过以下方式接近：

@Html.RadioButton("JobStatus", @Model.JobPostStatus.IsCorporate, new { @id = "JobPostStatus.IsCorporate" }) Corprate<br />
@Html.RadioButton("JobStatus", @Model.JobPostStatus.IsAllStores, new { @id = "JobPostStatus.IsAllStores" }) All<br />
@Html.RadioButton("JobStatus", "false") Select<br />

它通过了这些要求，但您正在尝试将单个 HTML 构造（单选按钮组）绑定到多个模型属性。如果您打算将其发回，您会遇到问题，在这种情况下，您将更好地使用您的代码并使用 JavaScript 构建伪单选按钮组行为。