jquery map return values and attribute value

Question

i have checkboxes and i want to get the value and attribute value of checked box.

<input type="checkbox" class="checkedtransfer nomargin" id="'.$r->id.'" enrollno="'.$r->enrollno.'" />

now in jquery i want to store the values and attribute value of each checked checkboxes in one array.

so far this works for me, i did two map function which return the correct values, but i want it in one array only. can i simplify my existing code?

var id = checkboxes.map(function(){ return $(this).attr("id"); }).get();
var enrollno = checkboxes.map(function(){ return $(this).attr("enrollno"); }).get();

Note in my answer I changed enrollno to data-enrollno because enrollno is not a valid attribute. — guradio
– guradio, Commented Mar 15, 2018 at 3:29

guradio · Accepted Answer · 2018-03-15 03:05:26Z

1

Add an obj then add the values there then return the obj

var arr = $(":checkbox").map(function() {
  var obj = {};
  obj['id'] = $(this).attr("id");
  obj['enrollno'] = $(this).attr("data-enrollno");
  return obj;
}).get();

console.log(arr)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="checkedtransfer nomargin" id="1" data-enrollno="1" />

answered Mar 15, 2018 at 3:05

guradio

15.6k4 gold badges39 silver badges64 bronze badges

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

Collectives™ on Stack Overflow

jquery map return values and attribute value

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