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>
相關文章
- 根據編號展開內容
- PbootCMS lopp迴圈語句使用用於根據迴圈輸出一段內容boot
- js判斷checkbox是否選中JS
- js中根據x,y 座標模擬點選事件JS事件
- 表格輸出內容
- [golang]-根據json中的某個key的值輸出對應的idGolangJSON
- js checkbox 全選 取消全選JS
- js點選複製內容JS
- js根據時間排序JS排序
- 在ng-repeat內Checkbox預設選中
- Maven根據pom檔案中的Profile標籤動態配置編譯選項Maven編譯
- 在js中獲取 input checkbox裡選中的多個值JS
- Android文字過長時根據關鍵字省略內容EllipsizeAndroid
- 【python012】Python根據頁碼處理PDF檔案的內容Python
- Spring Boot Filter中擷取響應輸出內容Spring BootFilter
- 廣招內容輸出英雄帖
- js 根據滑鼠拖動(或手機長按)旋轉JS
- BIRT 中如何根據引數動態拼接 SQLSQL
- Linux命令根據某一列對檔案內容去重Linux
- html如何根據檔案路徑顯示檔案內容(pdf)HTML
- JavaScript 根據type篩選inputJavaScript
- js 實現點選複製內容JS
- 實現動態自動匹配輸入的內容
- 頭部導航欄也是動態的,板塊裡面的內容根據頭部導航欄動態展現資料
- 根據二叉樹的前序遍歷和中序遍歷輸出二叉樹;二叉樹
- SpringBoot中根據屬性動態註冊Spring BeanSpring BootBean
- python根據字典內的值實現排序Python排序
- C#窗體應用中開啟控制輸出內容C#
- Qt:透過QCompleter類提供的補全框completion box, 根據使用者輸入的內容提供可能的補全選項實現自動補全功能QT
- Nginx 根據不同的域名來代理轉發內部主機-HTTP和HTTPSNginxHTTP
- SEO如何提高原創內容輸出增量?
- 7-1 根據後序和中序遍歷輸出先序遍歷 (25 分)
- Angular.js 限制輸入框輸入內容,為純數字AngularJS
- vue+el-element中根據檔名動態建立dialog的方法Vue
- js根據IP地址獲取當前的省市JS
- js根據ip地址獲取省份城市的方法JS
- BIRT 中根據引數實現動態日期分組
- JS 根據彙總結果過濾JS