how to get checkbox from multiple cells in html table?

Question

I have dynamic html table and every cell have one checkbox. I want to get the selected checkbox if the user select from multiple checkbox from different row.

function GetAllChecked() {
             var chkedshid = new Array();
             var rows = new Array();
             rows = document.getElementById("Tbl_Id").getElementsByTagName("tr");
             trcount = rows.length;

             for (var i = 0; i < rows.length; i++) {
                 trid = rows[i].id;
                 chkedshid = chkedshid + chkedshid
                 if (inputList = document.getElementById(trid).getElementsByTagName("input")) {
                     for (var n = 0; n < inputList.length; n++) {
                         if (inputList[n].type == "checkbox") {
                             if (inputList[n].checked == true) {
                                 chkedshid[n] = inputList[n].id;

                             }
                         }
                     }
                 }
  }
             document.getElementById('Hidden_CellSelected').value = chkedshid.join();
             document.getElementById("BtnSav2Cart").click();
         }

why why this function return just last selected checkbox for last row in loop???? i need the all selected checkbox for all rows!!!!!!!

Ramesh Soni · Accepted Answer · 2012-05-24 12:04:01Z

2

Assuming you are using jQuery.

Then you can simply do -

$("#myTableId input:checked")

If your checkbox have specific class then you can also do -

$("#myTableId .specificCheckboxClass:checked")

answered May 24, 2012 at 12:04

Ramesh Soni

16.1k28 gold badges97 silver badges118 bronze badges

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

Comments

Pratik Bhatt · Accepted Answer · 2012-05-24 12:08:31Z

0

On some Button click try to execute this code

var checkedTransactions = $("input:[name='idofcheckboxe']:checked").map(function () { return $(this).val(); }).get();

var will return all id of check boxes which are selected

answered May 24, 2012 at 12:08

Pratik Bhatt

9112 gold badges8 silver badges21 bronze badges

2 Comments

Dev.H Over a year ago

how can i use it by using loop because i don't know the id for checkbox? so i need to do loop for every cell in every row and get every element checkbox id!!!!

Pratik Bhatt Over a year ago

no need of ID. if you are having class you can use that also var checkedTransactions = $("input:[class='classname']:checked").map(function () { return $(this).val(); }).get(); If this info is useful for you please vote for this answer

Dev.H · Accepted Answer · 2012-05-26 11:48:51Z

thanks all i solve the problem:

           function GetAllChecked() {
             var chkedshid = new Array();
             var rows = new Array();
             rows = document.getElementById("Tbl_Id").getElementsByTagName("tr");
             trcount = rows.length;

                  var totlchk = new Array();    
             for (var i = 0; i < rows.length; i++) {
                 trid = rows[i].id;


                 if (inputList = document.getElementById(trid).getElementsByTagName("input")) {
                     for (var n = 0; n < inputList.length; n++) {
                         if (inputList[n].type == "checkbox") {
                             if (inputList[n].checked == true) {
                                 chkedshid[n] = inputList[n].id;
                             }
                         }
                     }
                     totlchk = totlchk.concat(chkedshid.join());
                 }

             }

             document.getElementById('myHiddenfield').value = totlchk.join();
             document.getElementById("BtnSav2Cart").click();
         }

Jhon Edison Gomez · Accepted Answer · 2016-01-13 20:54:21Z

0

var table = document.getElementById("mytable");
checkbox = table.getElementsByTagName("input"); 

for(var indexCheckbox = 1; indexCheckbox<checkbox.length; indexCheckbox++){
    if(checkbox[indexCheckbox].checked){

        //do something
    }   
}

answered Jan 13, 2016 at 20:54

Jhon Edison Gomez

1

1 Comment

ρss Over a year ago

Please add some explanation to your answer!

Collectives™ on Stack Overflow

how to get checkbox from multiple cells in html table?

4 Answers 4

Comments

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related