js根據checkbox的選中轉態輸出整行內容

emmmmmmm__發表於2020-10-10
  1. 先說一下這個問題,首先這個是我在公司做的目的是下載選中checkbox的整行內容,我要做的是把資料發給後端,然後後端進行操作。
  2. 這個html程式碼不是我寫的,也是後來接的這個專案,html程式碼前面那個checkbox是寫死的,寫在表格裡已經很不錯了。
  3. 將一下思路,首先進入到表格所在的頁面,選中checkbox,然後單擊單條匯出,就可以下載了,我做的是點選單條匯出 控制檯列印選中的資料就OK了,如下圖:在這裡插入圖片描述
    在這裡插入圖片描述
    <script>
        $(".dan-dao").click(function(){
        	// 定義陣列
            var data = [];
            var val = [];
            var strs = [];
            // 將所有的被選中行的資料裝進陣列
            $("input[name='love']:checked").each(function(){ //遍歷所有的checkbox,判斷是否被選中
                     var shuzu = $(this).parents("tr").children(0) // 感覺太長了分開寫了
                    for(var i = 0 ; i < shuzu.length; i++ ){
                        val = shuzu.eq(i).text();
                        strs.push(val);  // 把val 賦值給strs
                    }
            });
            for( var d = 0 ;d < strs.length; d += 14){
               strs.splice(d,1); // 這個是刪除從第 d個,每次刪一個的一個迴圈 因為前面有個checkbox的值是空的 需要刪除
            }
            var arrLen = 14;  //這裡一行陣列最多14個
            var newDataArr = [];
            // 分割陣列使每一行在一個陣列裡
            for (var i=0;i<strs.length;i+=arrLen) {
                newDataArr.push(strs.slice(i,i+arrLen));
            }
            data.push(newDataArr) // 把分割完的陣列賦值給data
            console.log(data);   // 列印資料
        })
    </script>

相關文章