js根據checkbox的選中轉態輸出整行內容
- 先說一下這個問題,首先這個是我在公司做的目的是下載選中checkbox的整行內容,我要做的是把資料發給後端,然後後端進行操作。
- 這個html程式碼不是我寫的,也是後來接的這個專案,html程式碼前面那個checkbox是寫死的,寫在表格裡已經很不錯了。
- 將一下思路,首先進入到表格所在的頁面,選中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>
相關文章
- popWindow 根據內容計算高度
- 根據編號展開內容
- [golang]-根據json中的某個key的值輸出對應的idGolangJSON
- js根據不同的時間段輸出不同的語句JS
- PbootCMS lopp迴圈語句使用用於根據迴圈輸出一段內容boot
- DataGridView選中整行View
- 根據name屬性值篩選checkbox核取方塊
- JSP頁面根據後臺傳值不同顯示不同內容JS
- js中根據x,y 座標模擬點選事件JS事件
- iphone根據文字內容調整label高度的方法。iPhone
- set serveroutput on 在PL/SQL中輸出內容ServerSQL
- 根據需要動態include不同的檔案 (轉)
- jQuery根據滾動條位置載入相應的內容jQuery
- js判斷checkbox是否選中JS
- 如何用 grep 命令在 UNIX 中根據檔案內容查詢檔案
- AngularJS中轉換響應內容AngularJS
- js中checkbox的全選和反選的實現JS
- css浮動元素寬度根據內容自適應CSS
- 在ASP.NET中將資料直接輸出成Excel內容 (轉)ASP.NETExcel
- js根據input標籤的type屬性篩選元素JS
- Maven根據pom檔案中的Profile標籤動態配置編譯選項Maven編譯
- 微信小程式中根據字母選擇城市微信小程式
- 根據上次輸入操作的時間設定離開狀態
- 根據介面動態修改應用底部選單欄
- js取得gridview中獲取checkbox選中的值--單選JSView
- js點選複製內容JS
- ABAP選擇螢幕:根據使用者選擇動態顯示螢幕(轉老宋)
- js動態設定div的內容JS
- mybatis左連線需要輸出左表的指定內容與篩選MyBatis
- react根據json格式資料動態增加domReactJSON
- PowerShell輸出內容到檔案
- 廣招內容輸出英雄帖
- jquery 根據id去找 json中list的資料jQueryJSON
- 根據JSON自動構建的vue篩選框元件JSONVue元件
- BIRT 中如何根據引數動態拼接 SQLSQL
- js根據時間排序JS排序
- js獲取select選中項的值和文字內容JS
- Spring Boot Filter中擷取響應輸出內容Spring BootFilter