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

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

Answer 1

感谢大家,我解决了问题:

           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

在某些按键点击中尝试执行此代码时

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

var 会返回选中的 复选框的全部 ID

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
    }   
}

友情链接