Question

How can I create a dynamic array in an array with dynamic keys and dynamic values using javascript?

For an example, check below what I’d like:

Studentslist  
  Student Info 1
      "name" => "varun",
      "age" => "24"

  Student Info 2
      "name" => "Kumar",
      "age" => "25"

Add More Info About This Question

I have a radio buttone like this

<input type="radio" value="student1" id="student1" name="student1group1"/>
<input type="radio" value="student2" id="student1" name="student1group1"/>

<input type="radio" value="student3" id="student2" name="student1group2"/>
<input type="radio" value="student4" id="student2" name="student1group2"/>

I need to setup a array in array when any radio button is clicked for eg in student1group1 any of the 2 radio buttons is clicked i need to get the array like below

Studentslist  
  Student Info 1
          "name" => clicked value of the radio button,

Answer 1

You can try this

var Studentslist  = [];

var student = {name:"varun", age:24 }

Studentslist.push(student);

student = {name:"Kumar", age:25};

Studentslist.push(student);

student = {name:"Varun Kumar", age:26}

Studentslist.push(student);

for getting student detail you can try.

for(var x in Studentslist)
{
    alert(x.name);
}

with radio buttons, you can try

<input type="radio" value="student1" id="student1" name="student1group1"/>
<input type="radio" value="student2" id="student1" name="student1group1"/>

<input type="radio" value="student3" id="student2" name="student1group2"/>
<input type="radio" value="student4" id="student2" name="student1group2"/>

javascript :

var Studentslist  = [];

window.onload = function(){
    var allinputs = document.getElementsByTagName("input");
    for(var x in allinputs)
    {
       if(x.type == "radio")
       {
          x.onclick = function() {
             if(this.checked){
               var student = {name: x.value };
               Studentslist.push(student);
             }
          }
       }
    }
}

You can call this method to alert.

function CheckStudentDetails
{
    for(var x =0;x<Studentslist.length; x++)
    {
        for(var y in Studentslist[x])
        {
             alert(Studentslist[x][y]);
        }
    }

}