call javascript object array in jQuery

Question

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]);
});

you'll have to either stringify the array, or iterate over it creating text/html. — user400654
– user400654, Commented Nov 26, 2013 at 23:04
I want to take 1 and put it as the name of a checkbox. <input type="checkbox" name="1"> — stevenspiel
– stevenspiel, Commented Nov 26, 2013 at 23:12

Steve · Accepted Answer · 2013-11-26 23:17:59Z

1

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?

answered Nov 26, 2013 at 23:17

Steve

8,6487 gold badges42 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rob M. · Accepted Answer · 2013-11-26 23:18:20Z

1

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)

answered Nov 26, 2013 at 23:18

Rob M.

36.6k6 gold badges56 silver badges51 bronze badges

Comments

charlietfl · Accepted Answer · 2013-11-26 23:19:21Z

1

Assuming your checkbox has an ID:

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

answered Nov 26, 2013 at 23:19

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Collectives™ on Stack Overflow

call javascript object array in jQuery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related