cshtml

@model quizmk.Models.QuizModel

@{
    ViewBag.Title = "TakeQuiz";
}

@section Styles {
    <link href="@Url.Content("~/Content/takequizstyle.css")" rel="stylesheet" type="text/css" />

    <style type="text/css">

        @{int i2 = 1;}

        @foreach (var qa in ViewBag.QAs)
        {
            @Html.Raw("#category" + @i2 + " { display: none; }");

            i2++;
        }

        #allcorrect
        {
            display: none;
        }



    </style>
}
<script src="~/Scripts/jquery.js"></script>
<script type="">
$(document).ready(function () {
$("#results").click(function () {
if (

@{int i3=1;}
@foreach(var qa in ViewBag.QAs)
{
    @Html.Raw("!$(\"input[@name=q" + i3.ToString() + "]:checked\").val()")

    if (i3 != ViewBag.QAs.Count)
    {
        @Html.Raw("||");
    }

    i3++;
}
)
{
alert("You're not done yet!");
}
else{

    var cat1name = "1";
    var cat2name = "2";

    var cat1 = ($("input[@Html.Raw("@name")=q1]:checked").val() != "a");
    var cat2 = ($("input[@Html.Raw("@name")=q2]:checked").val() != "b");

    var cat11 = (!cat1 && !cat2);

    var categories = [];

    if (cat1) { categories.push(cat1name) };
    if (cat2) { categories.push(cat2name) };

    $("#category1").hide()
    $("#category2").hide()

    if (cat1) { $("#category1").show("slow"); };
    if (cat2) { $("#category2").show("slow"); };

}
});
});

</script>

<h2>Take Quiz:  @Html.DisplayFor(model => model.QuizName)</h2>

            @{int i = 1;}
            @{string[] abcs = {"a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"}; }
            @foreach (var qa in ViewBag.QAs)
            {
                <p class="question">@i. @qa.Question.Question?</p>

                <ul class="answers">

                @{int j = 0;}
                @foreach (var a in qa.Answers)
                {
                    <input type="radio" name="q@(i)" value="@(abcs[j])" id="q@(i)@(abcs[j])" ><label for="q@(i)@(abcs[j])">@a.Answer</label><br/>
                    j++;
                }
                </ul>
                i++;
            }

<br/>
<div id="results">
Show me the answers!
</div>

        @{i=1;}
        @{string answer="";}
        @foreach (var qa in ViewBag.QAs)
        {
            foreach (var a in qa.Answers)
            {
                if (a.IsAnswer)
                {
                    answer = a.Answer;
                    break;
                }
            }

            <div id="category@(i)">
                <p>
                    <strong>Question @i:</strong> The correct answer is <strong>@answer</strong>
                </p>
            </div>

            i++;
        }

<div id="allcorrect">
<p>
You answered them all right!</p>
</div>