How can I send checkboxes data into JSON array?

Question

I'm new to .js and I have a problem with exporting answers from .js checkboxes form into JSON array.

My HTML:

<form>
<input type="checkbox" name="Question1" id="Answer1" value="Answer1" onclick="show_checked()"/><label for="Answer1">Answer 1</label><br/>
<input type="checkbox" name="Question1" id="Answer2" value="Answer2" onclick="show_checked()"/><label for="Answer2">Answer 2</label><br/>
<input type="checkbox" name="Question1" id="Answer3" value="Answer3" onclick="show_checked()"/><label for="Answer3">Answer 3</label><br/>
</form>

my Javascript:

function set_checked(checked) 
    $('input[name=foo]').attr('checked', checked);
}
$(document).ready(function () {
            $("input[name='Question1']").change(function () {
                var maxAllowed = 2; 
                var cnt = $("input[name='Question1']:checked").length;
                if (cnt > maxAllowed) {
                    $(this).prop("checked", "");
                    alert('Choose max. ' + maxAllowed + ' answers');
                }
            });
        });

The question is, how can I send IDs or values of the checked checkboxes into JSON array?

I'm assuming based on the code that you are using jQuery or is that some other library that uses the "$"? — Ogre Codes
– Ogre Codes, Commented Aug 12, 2013 at 8:12

Arun P Johny · Accepted Answer · 2013-08-12 08:13:24Z

10

to get values to an array

var array =  $("input[name='Question1']:checked").map(function(){
    return this.value;
}).get()

to get ids to an array

var array =  $("input[name='Question1']:checked").map(function(){
    return this.id;
}).get()

answered Aug 12, 2013 at 8:13

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Comments

U.P · Accepted Answer · 2013-08-12 08:50:30Z

5

See if this piece of code helps

var objArray = [];
$("input[name='Question1']:checked").each(function (index, elem) {
    var id = $(this).attr('id');
    var val = $(this).val();
    var obj = {
        Id = id,
        Value = val
    };
    objArray.push(obj);
});

edited Aug 12, 2013 at 8:50

answered Aug 12, 2013 at 8:24

U.P

7,4527 gold badges43 silver badges63 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:13:26Z

1

Comet's answer didn't work for me. This did:

var arrCB = {};

$("input[name='Question1']:checked").each(
    function(){
        var id = this.id;
        arrCB[id] = (this.checked ? 1 : 0)
    }
);

var text = JSON.stringify(arrCB);
alert(text);

Resources:

http://blog.kevinchisholm.com/javascript/associative-arrays-in-javascript/

best practice for updating a list in database associated with checkboxes in a html form

How can I send checkboxes data into JSON array?

JQuery: Turn array input values into a string optimization

edited May 23, 2017 at 12:13

CommunityBot

11 silver badge

answered Aug 22, 2014 at 3:38

cssyphus

40.4k21 gold badges104 silver badges125 bronze badges

Collectives™ on Stack Overflow

How can I send checkboxes data into JSON array?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related