array is empty after pushing object into it Jquery

Question

I want to push { "studentid": achecked[index].value } this into a array, but if i push it my array is like this (2) [{…}, {…}] and not my checkbox value.

this is my code:

 var achecked = $("form input:checkbox:checked");
var values = [];
achecked.each(function (index) {
    var student = { "studentid": achecked[index].value };
    values.push(student);
});
console.log(values);

var postdata = {
    'displayname': $("#displayname").val(),
    'email': $("#email").val(),
    'students': [
    ]
};
postdata.students = values;

<input type="checkbox" name="toevoegen" value="10" />
<button class="btn btn-success" id="aanmaken">Aanmaken</button>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

does someone knows and could help me?

Have you tried clicking the {...} in your console log output? — OK sure
– OK sure, Commented Oct 11, 2018 at 11:30
Would you add in the snippet some example of the checkboxes? — Cid
– Cid, Commented Oct 11, 2018 at 11:34
I think the issue may be that you have no form element but your selector is looking for one. — OK sure
– OK sure, Commented Oct 11, 2018 at 11:39

OK sure · Accepted Answer · 2018-10-11 11:42:39Z

1

Seems to be working for me. Not sure what your HTML looks like, but the selector form input:checkbox:checked will require a form around all the checkboxes.

$('button').on('click', function(e) {
  e.preventDefault();
  var achecked = $("form input:checkbox:checked");
  var values = [];
  achecked.each(function (index) {
      var student = { "studentid": achecked[index].value };
      values.push(student);
  });
  console.log(values);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="checkbox" checked value="1" />
<input type="checkbox" checked value="2" />
<input type="checkbox" value="3" />
<input type="checkbox" checked value="4" />
<input type="checkbox" checked value="5" />
<button>Submit</button>
</form>

edited Oct 11, 2018 at 11:42

answered Oct 11, 2018 at 11:35

OK sure

2,66619 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

array is empty after pushing object into it Jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related