在线测验：通过选择不同的单选按钮，将答案和问题分为3个类别

Question

I have a problem by updating my Online-Quiz.

I want to Categorize my Questions and Answers by clicking on Radio Buttons. This is my HTML-Code:

<fieldset id="my" data-role="controlgroup" data-mini="true">
    <legend>Choose a Category</legend>
    <input type="radio" name="radio-mini" id="radio-mini-1" value="choice-1"  />
    <label for="radio-mini-1">Amateur</label>
    <input type="radio" name="radio-mini" id="radio-mini-2" value="choice-2"  />
    <label for="radio-mini-2">Middle</label>
    <input type="radio" name="radio-mini" id="radio-mini-3" value="choice-3"  />
    <label for="radio-mini-3">Legend</label>
</fieldset>

<a href="#" id="Next" data-role="button" onclick="nextStart()">Send</a>

So I have 3 Radio Buttons. These radio buttons have also their own multidimensional arrays. After I choose one category, the array-name should be renamed to an generally array name "question", because for this array name I have lots of different function which I don`t want to write for every single array. My Javascript-Code after I have clicked on the Send-Button:

function nextStart()    
{
//document.getElementById("quiz").submit();

$.mobile.changePage( "quiz.html", 
{
    transition: "pop",
    reverse: false,
    changeHash: false
});


$("input[name=radio-mini]:checked").each(function next() 
{
        if ($(this).val() = "choice-1")
        {
            category = "amateur";   
        }

        else if ($(this).val() = "choice-2")
        {   
            schwierigkeit = "middle";
        }

        else 
        {
            schwierigkeit = "legend";
        }
}); 
}

Now I tell my general array "question" from which array it got the informations:

    if(category = "amateur")
    {       
        question = amateur.slice(); 
    }

    else if (category = "middle")
    {
        question = middle.slice();
    }

    else
    {
        question = legend.slice();

    }

If I click the category 2 or 3 "legend" and then on the Send Button I get only on the next side, the answers and questions from the first array "amateur". So I think it doesn't save the right array name after the function

nextStart() 

But I don`t got the solution to fix it.. Can somebody help me?

It would be nice, thanks beforehand :-)

Answer 1

As Ben Lee already stated, you are using asignment operator instead of equality. Should be like this:

if ($(this).val() == "choice-1") {
    category = "amateur";
}

else if ($(this).val() == "choice-2") {
    category = "middle";
}

else {
    category = "legend";
}

See demo .

UPDATE:

I totally missed the following code, which contains the same error. Thanks, Ben!

if(category == "amateur")
{       
    question = amateur.slice(); 
}

else if (category == "middle")
{
    question = middle.slice();
}

else
{
    question = legend.slice();

}