jquery checkbox and array help

Question

Hi There I need to get the names and values of checkboxes that have been checked into an array name selected, I cannot for life of me get it working, below is my attempt, if someone could clrify what I am doing wrong that would be brilliant.

//Location AJAX
    //var dataObject = new Object();
    var selected = new Array();
    $('#areas input.radio').change(function(){ // will trigger when the checked status changes
        var checked = $(this).attr("checked"); // will return "checked" or false I think.
        // Do whatever request you like with the checked status
        if(checked == true) {
        /*$("input:checked").each(function() {
                selected.push($(this).attr('name')+"="+$(this).val();
            });
                alert(selected)*/
                getQuery = $(this).attr('name')+"="+$(this).val()+"&location_submit=Next";
                $.ajax({
                    type:"POST",
                    url:"/search/location",
                    data: getQuery,
                    success:function(data){
                        alert(getQuery);
                        console.log(data);
                        //  $('body.secEmp').html(data);
                    }
                });
        } else {
            //do something to remove the content here
            alert("Remove");
        }
    });

Do you use Firbug? If so, do get any error messages? If you do not use it, use it! :) — Felix Kling
– Felix Kling, Commented Apr 12, 2010 at 14:24

interjay · Accepted Answer · 2010-04-12 15:19:09Z

3

You're missing the closing parantheses on the call to selected.push. It should be:

selected.push($(this).attr('name')+"="+$(this).val());

Otherwise, it looks fine.

Another, possibly simpler, way to do the same thing is to use map instead of each:

var selected = $('input:checked').map(function() {
    return $(this).attr('name')+"="+$(this).val();
}).get();

edited Apr 12, 2010 at 15:19

answered Apr 12, 2010 at 14:29

interjay

111k22 gold badges278 silver badges264 bronze badges

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

5 Comments

sea_1987 Over a year ago

I noticed that right at the moment of posting, I notice this gives a comma seperated array, I am sending this array as a query string is there a way for me replace the comma with a &

interjay Over a year ago

@sea_1987: Use selected.join('&')

sea_1987 Over a year ago

@interjay: selected.join('&') shows no change, it is still comma seperated

interjay Over a year ago

join works for me. Note that it won't change the value of selected: you need to use the value that selected.join('&') returns.

sea_1987 Over a year ago

how should I be using, I dont really follow, I doing that method and then alerting selected and still seeing commas.

Collectives™ on Stack Overflow

jquery checkbox and array help

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related