jQuery checkbox get value and attribute and push to data ajax

Question

I have multiple, and I want to get the value, the attributes of each selected checkboxes.

<input type="checkbox" name="access[]" id="configuration" value="configuration" data-text="Configuration"> Configuration
<input type="checkbox" name="access[]" id="department" value="department" data-text="Departments"> Departments

I want to get all selected checkbox and store it to an array and push it to ajax

var classids = checkboxes.map(function(){ return $(this).attr("id"); }).get();
var val      = checkboxes.map(function(){ return $(this).val(); }).get();
var datatext = checkboxes.map(function(){ return $(this).attr("data-text"); }).get();

How can I combine the three to make it one? Thanks in advance

A. Wolff · Accepted Answer · 2017-12-14 06:51:30Z

1

To get an array of object, you could just map relevant properties you are looking for:

var arr = checkboxes.filter(':checked').map(function(){
  return {classids : this.id, val: this.value, datatext: this.dataset['text']}
}).get();

answered Dec 14, 2017 at 6:51

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

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

Collectives™ on Stack Overflow

jQuery checkbox get value and attribute and push to data ajax

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