How to fetch the Id's of checkboxes selected in form of an array in a table

Question

I have a Table as shown below

<table id="sample_1" aria-describedby="sample_1_info">
   <thead>
      <tr>
         <th><input type="checkbox" id="selecctall"></th>
         <th>Status</th>
      </tr>
   </thead>
   <tbody class="odd gradeX">
      <tr>
         <td width="5%"><input type="checkbox" class="checkbox1" id="1"></td>
         <td width="37%">Chips And Chocolates,Bummy Chips,Plain Salted,ytrytr,hyryr</td>
      </tr>
      <tr>
         <td width="5%"><input type="checkbox" class="checkbox1" id="2"></td>
         <td width="37%">Chips And Chocolates</td>
      </tr>
   </tbody>
</table>


       <input type="button" class="btn blue" value="Delete" id="deletebtn">

       $('#selecctall').click(function(event) {  //on click 
if(this.checked) { // check select status
    $('.checkbox1').each(function() { //loop through each checkbox
        this.checked = true;  //select all checkboxes with class "checkbox1"               
    });
}else{
    $('.checkbox1').each(function() { //loop through each checkbox
        this.checked = false; //deselect all checkboxes with class "checkbox1"                       
    });         
}

});

$( "#deletebtn" ).click(function() {
  var $checked = $('#sample_1').find(":checkbox:checked");

      if (!$checked.length) {
        alert('Need to select atlease one checkbox button');
        event.stopImmediatePropagation();
    }

     else {

       // Here 

     }

});

http://jsfiddle.net/tvbucy4y/

possible duplicate of Get a list of checked checkboxes in a div using jQuery — Saksham
– Saksham, Commented Nov 13, 2014 at 11:34

vaso123 · Accepted Answer · 2014-11-13 11:15:58Z

2

You can try this one. DEMO See the console.

    $('#deletebtn').click(function() {
        var array = $('#sample_1 input:checked');
        var ids = new Array();
        $.each(array, function(idx, obj) {
            ids.push($(obj).attr('id'));

        });
        console.log(ids);
    });

answered Nov 13, 2014 at 11:15

vaso123

12.4k4 gold badges38 silver badges68 bronze badges

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

1 Comment

Pawan Over a year ago

Its working fine , can i get the result in form of an array ??

prog1011 · Accepted Answer · 2014-11-13 11:31:23Z

2

Try this code

var chkIds = $('#sample_1 :checkbox:checked:not(#selecctall)').map(function(i,n) {
    return $(n).attr('id');
}).get().join(',');
    alert(chkIds);

Answer Updated: you have to use:not() to exclude the first CheckBox.

edited Nov 13, 2014 at 11:31

answered Nov 13, 2014 at 11:18

prog1011

3,4856 gold badges34 silver badges59 bronze badges

2 Comments

Pawan Over a year ago

How can i remove selectall from the result ? –

prog1011 Over a year ago

@PreethiJain - See the updated answer. It will exclude the selecctall Checkbox

artm · Accepted Answer · 2014-11-13 11:25:57Z

1

Use this:

else {
     var ids = [];
     $.each($checked, function(i,e){
        console.log(e);
        if ($(e).attr("id") != 'selecctall'){
            ids.push($(e).attr("id"))
        }
 });

edited Nov 13, 2014 at 11:25

answered Nov 13, 2014 at 11:17

artm

8,5943 gold badges28 silver badges43 bronze badges

1 Comment

Pawan Over a year ago

How can i remove selectall from the result ?

David Thomas · Accepted Answer · 2014-11-13 11:17:44Z

0

I'd suggest not bothering to get the id of the checked elements, and simply use the nodes:

$("#deletebtn").click(function () {
    // retrieve a jQuery collection of the checked <input>s from the <tbody>
    // which means we ignore the 'select-all' checkbox):
    var $checked = $('#sample_1 tbody input[type="checkbox"]:checked');

    // if we have any checked elements:
    if ($checked.length) {
        // we find the closest <tr> elements to those checked <inputs>, and
        // remove them:
        $checked.closest('tr').remove();
    } else {
        // otherwise, we alert:
        alert("You need to check at least one checkbox.");
    }

});

JS Fiddle demo.

References:

closest().
remove().

answered Nov 13, 2014 at 11:17

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Collectives™ on Stack Overflow

How to fetch the Id's of checkboxes selected in form of an array in a table

4 Answers 4

1 Comment

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related