如何從html表格中的多個單元格獲取複選框？

Question

我有動態的html表，每個單元格都有一個複選框。如果用戶從不同行中的多個複選框中選擇，我想獲取選中的複選框。

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(); 
     } 

爲什麼爲什麼這個函數返回在循環最後一排剛剛過去的選擇複選框???? 我需要所有行的所有選中複選框!!!!!!!

Answer 1

感謝所有的複選框全部ID我解決這個問題：

  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(); 
     } 

Answer 2

假設您使用的是jQuery。

然後，你可以簡單地做 -

$("#myTableId input:checked") 

如果複選框有特定的類，那麼你也可以做 -

$("#myTableId .specificCheckboxClass:checked") 

Answer 3

在某些按鈕單擊嘗試執行此代碼

變種checkedTransactions = $（「input：[name ='idofcheckboxe']：checked」）。map（function（）{ return $（th是）.VAL（）; }）。get（）;

VAR將返回被選擇

Answer 4

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

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

     //do something 
    } 
}