layui 監(jiān)聽表格復(fù)選框選中值的方法
更新時間：2018年08月15日 08:33:37 作者：王大膽不大膽
今天小編就為大家分享一篇layui 監(jiān)聽表格復(fù)選框選中值的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
需要達到的目的：
ajax()異步請求后臺時，需要傳入表格里復(fù)選框選中的id值
注意：在渲染form on 方法的done里面加入
done:function(res){
table_data=res.data;
}
將復(fù)選框選中的值的id加入數(shù)組中，然后傳遞到后臺作為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);用這個方法會報錯not a function
//ids.pop(); 建議用這個
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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了原生JS實現(xiàn)的雪花飄落動畫效果,涉及javascript數(shù)值運算及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了使用JS清理Word格式的方法,需要的朋友可以參考下2014-02-02
這篇文章主要介紹了JavaScript tab選項卡插件實例代碼的相關(guān)資料,需要的朋友可以參考下2016-02-02
文章介紹了如何使用JavaScript判斷當前時區(qū)是否處于夏令時,由于JavaScript標準庫沒有直接提供此功能,可以通過比較本地時間和UTC時間的差異來推斷,文章還提供了使用moment.js和moment-timezone插件進行更精確夏令時檢測的示例,感興趣的朋友一起看看吧2024-12-12
uniapp自定義頁面跳轉(zhuǎn)loading的實現(xiàn)代碼
有些頁面加載起來比較慢,為了加強用戶體驗效果,所以一般都會做一個頁面加載等待的提示,頁面加載完成后消失,下面這篇文章主要給大家介紹了關(guān)于uniapp自定義頁面跳轉(zhuǎn)loading的實現(xiàn)代碼,需要的朋友可以參考下2023-06-06
JavaScript出現(xiàn)setTimeout倒計時誤差的原因分析
setTimeout?倒計時誤差的出現(xiàn)主要與?JavaScript?的事件循環(huán)機制和計時器的執(zhí)行方式有關(guān)，本文就來和大家講講具體出現(xiàn)的原因以及解決方法，需要的可以參考一下2023-06-06
用Javascript實現(xiàn)Sleep暫停功能代碼
ie和firefox都可以使用,有興趣可以試試2010-09-09
這篇文章主要介紹了a標簽click和href執(zhí)行順序,需要的朋友可以參考下2014-06-06
JS與HTML結(jié)合使用marquee標簽實現(xiàn)無縫滾動效果代碼
這篇文章主要介紹了JS與HTML結(jié)合使用marquee標簽實現(xiàn)無縫滾動效果代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
Bootstrap編寫一個兼容主流瀏覽器的受眾門戶式風格頁面
這篇文章主要介紹了Bootstrap編寫一個兼容IE8、谷歌等主流瀏覽器的受眾門戶式風格頁面，感興趣的小伙伴們可以參考一下2016-07-07