layui 監(jiān)聽表格復(fù)選框選中值的方法
更新時(shí)間：2018年08月15日 08:33:37 作者：王大膽不大膽
今天小編就為大家分享一篇layui 監(jiān)聽表格復(fù)選框選中值的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
需要達(dá)到的目的：
ajax()異步請求后臺(tái)時(shí)，需要傳入表格里復(fù)選框選中的id值
注意：在渲染form on 方法的done里面加入
done:function(res){
table_data=res.data;
}
將復(fù)選框選中的值的id加入數(shù)組中，然后傳遞到后臺(tái)作為ids參數(shù)
//自定義數(shù)組
var table_data=new Array();
var ids =new Array();
table.on('checkbox(push_port_table)', function(obj){
if(obj.checked==true){
if(obj.type=='one'){
ids.push(obj.data.id);
}else{
for(var i=0;i<table_data.length;i++){
ids.push(table_data[i].id);
}
}
}else{
if(obj.type=='one'){
for(var i=0;i<ids.length;i++){
if(ids[i]==obj.data.id){
// ids.remove(i);用這個(gè)方法會(huì)報(bào)錯(cuò)not a function
//ids.pop(); 建議用這個(gè)
ids.splice(i,1);
}
}
}else{
for(var i=0;i<ids.length;i++){
for(var j=0;j<table_data.length;j++){
if(ids[i]==table_data[j].id){
// ids.remove(i);
// ids.pop();
ids.splice(i,1);
}
}
}
}
}
console.log(ids);
console.log(table_data);
});
以上這篇layui 監(jiān)聽表格復(fù)選框選中值的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了echarts實(shí)現(xiàn)折線圖的拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了js簡單的分頁器插件代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
javascript的函數(shù)...2006-07-07
video.js 實(shí)現(xiàn)視頻只能后退不能快進(jìn)的思路詳解
這篇文章主要介紹了video.js 實(shí)現(xiàn)視頻只能后退不能快進(jìn)的思路詳解，主要思路是點(diǎn)擊進(jìn)度條需要獲取拖動(dòng)前的時(shí)間點(diǎn)，具體實(shí)例代碼大家跟隨小編一起看看吧2018-08-08
es6數(shù)組之?dāng)U展運(yùn)算符操作實(shí)例分析
這篇文章主要介紹了es6數(shù)組之?dāng)U展運(yùn)算符操作,結(jié)合實(shí)例形式總結(jié)分析es6數(shù)組擴(kuò)展運(yùn)算符具體原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下2020-04-04
webpack4 配置 ssr 環(huán)境遇到“document is not defined”
這篇文章主要介紹了webpack4 配置 ssr 環(huán)境遇到“document is not defined”，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
這篇文章主要介紹了PHP PDO操作總結(jié),本文講解了使用PDO連接數(shù)據(jù)庫、執(zhí)行基本查詢、獲取行數(shù)、遍歷結(jié)果集、轉(zhuǎn)義用戶輸入的特殊字符、exec()、預(yù)處理語句等內(nèi)容,需要的朋友可以參考下2014-11-11
Javascript實(shí)現(xiàn)前端簡單的路由實(shí)例
本文將使用javascript實(shí)現(xiàn)一個(gè)極其簡單的路由實(shí)例。WEB開發(fā)中路由概念并不陌生，我們接觸到的有前端路由和后端路由。后端路由在很多框架中是一個(gè)重要的模塊,同樣前端路由在單頁面應(yīng)用也很常見，它使得前端頁面體驗(yàn)更流暢。2016-09-09
這篇文章主要為大家詳細(xì)介紹了原生JavaScript實(shí)現(xiàn)刮刮樂，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
getElementByIdx_x js自定義getElementById函數(shù)
最近看JS代碼，發(fā)現(xiàn)不少人問getElementByIdx_x是什么函數(shù)，其實(shí)就是個(gè)getElementById自定義函數(shù)2012-01-01