如何在单选按钮选择上加载部分视图

本文关键字:加载部 视图 选择 单选按钮 | 更新日期: 2023-09-27 18:06:18

我试图通过依赖于单选按钮选择在单个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>

控制器代码是

[HttpGet]
        public PartialViewResult GetRegisterForm(string RegesterHere)
        {
            if (RegesterHere == "Individual")
            {
                return PartialView("IndividualPartialViewName");
            }
            else
            {
                return PartialView("BusinessPartialViewName");
            }
        }

谁能帮我找出错误。当我运行这段代码时,它直接显示了BusinessPartialName。我无法在输出中看到父视图单选按钮。没有选择单选按钮,它直接加载第二个部分视图在我的页面

如何在单选按钮选择上加载部分视图

让我们尝试下面的AJAX调用。

 var radiobuttonval = $radio.val();
 var isselect = $("input:radio[name=RegesterHere]:checked").val();
             if(isselect !="" || isselect !=undefined){
                 $.get("@Url.Action("GetRegisterForm", "Home")", {RegesterHere : radiobuttonval  }, function (data) {
                        $("#loadpartial").html("");
                        $("#loadpartial").html(data);
                    });

                   }