Question

Can i use radio button’s to select two different partial view, Without using Jquery?

Answer 1

yes and no. a partial can only be loaded (after initial page load) via ajax, so a partial page refresh isn’t possible without using ajax. however, you could submit the selected radio button (via javascript) to the controller action and then determine inside the controller which radio button had been selected. It would then just be a case of selecting the appropriate view.

As I said, you can’t go down the partial route without ajax in the mix, so the answer is no. also, you’d still have to use javascript in order to use the radio button in the submit, in which case, an ajax solution might be worth thinking about.

[edit] with deference to Splash-X, here’s a quick work up of the hidden div scenario:

@*use either @Html.RenderPartial() or @Html.RenderAction() as required*@

<div id="developerDiv" style="display: none">
    This is the developer stuff, in reality, 
    this would be populated as such @*@Html.RenderPartial("DeveloperPartial")*@
</div>
<div id="testerDiv" style="display: none">
    And here we have the testers, again, 
    this would be populated as such @*@Html.RenderPartial("TestersPartial")*@
</div>
<div>
    Developer :@Html.RadioButton("team", "developer", new { onclick = "showResult(this)"}) 
    Tester :@Html.RadioButton("team", "tester", new { onclick = "showResult(this)"})
</div>
<div id="partialContainer"></div>

<script type="text/javascript">
    function showResult(radio) {
        var selected = radio.value;
        if (selected == "developer")
            document.getElementById("partialContainer").innerHTML 
                = document.getElementById("developerDiv").innerHTML;
        else if (selected == "tester")
            document.getElementById("partialContainer").innerHTML 
                = document.getElementById("testerDiv").innerHTML;
    }
</script>

enjoy..