Asp.net mvc 4 单击单选按钮加载不同的局部视图

我试图通过单选按钮的选择在一个div中加载不同的局部视图。当用户单击单个按钮时，应显示部分视图，如果单击业务，则应显示业务部分视图

我的查看页面代码是

<script type="text/javascript">
    $(function () {
        $("[name=RegesterHere]").on('change', function () {
            var $radio = $(this);

            $.ajax({
                url: '@Url.Action("GetRegisterForm", "Home")',
                data: RegesterHere = $radio.val(),
                type: 'GET',
                success: function (data) {
                    $("#loadpartial").html(data);
                }
            });
        });
    });
</script>

<h2>GetRegisterForm</h2>
<table>

    <tr>
        <td colspan="1">@Html.LabelFor(m => m.RegesterHere)</td>
        <td colspan="2">@Html.RadioButtonFor(m => m.RegesterHere, "Individual") Individual
                          @Html.RadioButtonFor(m => m.RegesterHere, "Business") Business</td>
    </tr>
</table>

<div id="loadpartial">
</div>

---

当我运行这段代码时，第二个局部视图直接出现。请帮助我，单击任何单选按钮后，应加载相应的局部视图。

您可能没有获得实际选中的单选按钮值。您可能希望尝试此操作以获取选中的单选按钮值：

var value = $("input[name='RegesterHere']:checked").val();

然后在ajax调用中使用此选项：

data: RegesterHere = value,

---

尝试添加选中的选择器。看这里

data: RegesterHere = value,