如何在单选按钮选择上加载部分视图
本文关键字:加载部 视图 选择 单选按钮 | 更新日期: 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);
});
}