how to get the ids of checked checkboxes in jquery

Question

I want to get the ids of checked checkboxes and store those ids in an array using jquery. Can anybody give me correct code for it.

I have tried

Thanks in advance :)

$("#merge_button").click(function(event){
    event.preventDefault();
    var searchIDs = $("#find-table input:checkbox:checked").map(function(){
        return $(this).val();
    }).toArray();
    console.log(searchIDs);
});

It gives an array of ids, which you can loop over if you want. — Nick Parsons, Jan 23 '21 at 10:30
`searchIDs.forEach(function(id) { /* your code here */ });` Also, change `toArray()` to `get()` — Rory McCrossan, Jan 23 '21 at 10:34
https://jsfiddle.net/v1ferwyb/ you might not even need an array depending on what you're trying to do with the ids — Nick Parsons, Jan 23 '21 at 10:34
@RoryMcCrossan now I'm curiois, what is the different between `.get()` and `.toArray()` in this context? — Nick Parsons, Jan 23 '21 at 10:38
@NickParsons to be honest, I can't remember exactly what they are, and in this case when dealing with a basic int type it should be fine to use either. However I've had cases in the past where `toArray()` has caused issues that `get()` has resolved. — Rory McCrossan, Jan 23 '21 at 11:00
@RoryMcCrossan ah I see, thanks. I'll keep that in mind in case I ran into any issue with `.toArray()` down the line — Nick Parsons, Jan 23 '21 at 11:06
Actually looking at the source it would appear that `toArray()` and `get()` are now almost identical and both use calls to `slice()`, so in a modern version of jQuery there is no difference. — Rory McCrossan, Jan 23 '21 at 11:09
Duplicate of [JQUERY: get the id's of the checked and not checked checkBox](https://stackoverflow.com/questions/6901242/jquery-get-the-ids-of-the-checked-and-not-checked-checkbox) — MrUpsidown, Jan 23 '21 at 11:09

score 1 · Answer 1 · answered Jan 23 '21 at 10:42

Use the attr() method to get id. Like this:

$(this).attr('id');

Do you need such a result?

$("#merge_button").click(function(event){
    event.preventDefault();
    var searchIDs = $("#find-table input:checkbox:checked").map(function(){
        return $(this).attr('id');
    }).toArray();
    console.log(searchIDs);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="find-table">
  <input id="1" type="checkbox">
  <input id="2" type="checkbox">
  <input id="3" type="checkbox">
</div>

<button id="merge_button">merge</button>

how to get the ids of checked checkboxes in jquery

1 Answers1