javascript print array values dynamic

Question

hi everyone i have a problem in javascript i can print array if fix them in html but whn i try to print them on clic they are not working just print the array names if i print seriesre simple it print values that is fine but when i check any checkbox and want to print one or tow of them it just showing array name not values

thanks for help

check this example

$(document).ready(function() {
Comment     =  [['2011-01-29',7695],['2011-02-02',19805]];  
WallPost    =  [['2011-01-29',11115],['2011-02-02',8680]]; 
Likes       =  [['2011-01-29',5405],['2011-02-02',10930]]; 
var seriesre= [Comment,WallPost,Likes];
var mygraphs = new Array(); 
alert(seriesre);
$("#testCheck").click(function() {
    i=0;
    $("#testCheck :checked").each(function() {
        mygraphs[i]= $(this).val();

        i++;
    });
    newseriesre = "["+mygraphs+"]";
    alert(newseriesre);
});
});

<div class="activity">

                 <form method="POST" id="testCheck" name="myform">

                 Likes
                 <input type="checkbox" value="Likes" name="box2">

                 Comments
                 <input type="checkbox"  value="Comment" name="box3">
                Wall Post
                 <input type="checkbox" value="WallPost" name="box4">
               </form>
            </div>

Can't really answer without seeing what the values of the elements are. This is also really badly written JavaScript. Undeclared global variables, using the 'new Array()' instead of just '[]', multi-dimensional arrays, three level deep nested functions... — Bjorn
– Bjorn, Commented Feb 26, 2011 at 9:59
Friendly advice: if you really "live to learn" as your nickname suggest, please learn to improve your English - it was really hard to overcome the broken English and understand your question. Take extra 5-10 minutes before posting, it will greatly improve your chances to get good help in return. — user447356
– user447356, Commented Feb 26, 2011 at 10:05

yoavmatchulsky · Accepted Answer · 2011-02-26 10:00:38Z

2

You can use

alert(myarray.join())

to alert your array's values

answered Feb 26, 2011 at 10:00

yoavmatchulsky

2,9501 gold badge18 silver badges22 bronze badges

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

4 Comments

Bjorn Over a year ago

Uh, he's not alerting an array, he's alerting strings...did you actually read the code?

Guffa Over a year ago

@apphacker: What's passed to the alert method is a string. Did you actually read the code?

Guffa Over a year ago

@AppHacker: I did no such thing, and I resent your accusations. When I started writing my answer, your answer only contained the example using eval.

Bjorn Over a year ago

Ok, in that case I take it back and I apologize. I have deleted the comment.

Guffa · Accepted Answer · 2011-02-26 10:27:41Z

You should use a associative array instead of an array, so that you can look up the data based on the name as a string instead of trying to find the variable. All objects in Javascript are associative arrays, so just put the data in an object.

Also:

Create the mygraphs array inside the event handler, otherwise it can not shrink when you uncheck options.
Catch the click on the checkboxes inside the form, not on the form itself.
Put a label tag around the checkbox and it's label, that way the label is also clickable.
You don't need an index variable to put values in the mygraphs array, just use the push method to add items to it.

http://jsfiddle.net/cCukJ/

Javascript:

$(function() {
    Comment = [['2011-01-29',7695],['2011-02-02',19805]];  
    WallPost = [['2011-01-29',11115],['2011-02-02',8680]]; 
    Likes = [['2011-01-29',5405],['2011-02-02',10930]]; 
    var seriesre = {
        'Comment': Comment,
        'WallPost': WallPost,
        'Likes': Likes
    };
    $("#testCheck :checkbox").click(function() {
        var mygraphs = [];
         $("#testCheck :checked").each(function() {
            mygraphs.push(seriesre[$(this).val()]);
        });
        alert("["+mygraphs+"]");
    });
});

HTML:

<div class="activity">
  <form method="POST" id="testCheck" name="myform">
    <label>
      Likes
      <input type="checkbox" value="Likes" name="box2">
    </label>
    <label>
      Comments
      <input type="checkbox"  value="Comment" name="box3">
    </label>
    <label>
      Wall Post
      <input type="checkbox" value="WallPost" name="box4">
    </label>
  </form>
</div>

user447356 · Accepted Answer · 2011-02-26 10:09:08Z

0

I understand that you want to alert the selected values when clicking anywhere on the form? If that's true correct code with minimal changes to your existing code will be:

var mygraphs = [];
$("#testCheck").click(function() {
    $("#testCheck :checked").each(function() {
        mygraphs.push($(this).val());
    });

    alert("Selected values are: " + mygraphs.join(", "));
});

answered Feb 26, 2011 at 10:09

user447356

2 Comments

Bjorn Over a year ago

Array's toString method already does that: developer.mozilla.org/en/JavaScript/Reference/Global_Objects/…

user447356 Over a year ago

@app good point but join also let you choose different delimeter. :)

Dharnishr · Accepted Answer · 2012-03-28 18:11:04Z

0

You can try this.

alert($("#testCheck :checked")
         .map( function(i, field) { return field.value}
         ).get());

Check your working example in http://jsfiddle.net/dharnishr/d37Gn/

answered Mar 28, 2012 at 18:11

Dharnishr

312 bronze badges

Collectives™ on Stack Overflow

javascript print array values dynamic

4 Answers 4

4 Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related