CODEWITHSUNDEEP
javascriptjqueryarraysobject
stevenspiel
stevenspiel

Reputation: 5999

call javascript object array in jQuery

I have an object window.Think and an array:

window.Think.questions = [
  {answers: [
    {a: 1, b: 2}
  ]}
];

I'm trying to .append() part of this array into an element .buttons in my html.

How can I modify this so it prints part of my array?

$think = window.Think.new;

$(document).ready(function(){
    $(".buttons").append($think.questions[1]);
});

Upvotes: 0

Views: 56

Answers (3)

charlietfl
charlietfl

Reputation: 171679

Assuming your checkbox has an ID:

$('#cheboxID').attr('name', $think[0].answers[0].a);

Upvotes: 1

Rob M.
Rob M.

Reputation: 36511

As @KevinB pointed out, you will have to stringify the portions that you want to display in the button, for instance:

var answers = window.Think.questions[0].answers[0],
    values = [answers.a, answers.b].join(' ');// turn the array values into a space delimited string

$('.buttons').append(values)

Upvotes: 1

Steve
Steve

Reputation: 8640

If you just want to append

A is: 1 -- B is: 2

with this exact data structure, you would do:

$(document).ready(function(){
    $think = window.Think.questions;
    $(".buttons").append("A is: " + $think[0].answers[0].a + " -- B is: " +$think[0].answers[0].b);
});

EDIT:

I just saw your comment above... here is what you would need to do:

$(document).ready(function(){
    $think = window.Think.questions;
    $(".buttons").append('<input type="checkbox" name="' + $think[0].answers[0].a + '"/>');
    $(".buttons").append('<input type="checkbox" name="' + $think[0].answers[0].b + '"/>');
});

You probably want the name to be something different than just an integer... are you sure you don't mean value?

Upvotes: 1

Related Questions