使用layui怎么監(jiān)聽表格復(fù)選框選中值

本篇文章給大家分享的是有關(guān)使用layui怎么監(jiān)聽表格復(fù)選框選中值，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

需要達(dá)到的目的：

ajax()異步請(qǐng)求后臺(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是什么

layui是一款采用自身模塊規(guī)范編寫的前端UI框架，它遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，適合新手，并且它還提供了豐富的內(nèi)置模塊，他們皆可通過(guò)模塊化的方式按需加載，從核心代碼到API的每一處細(xì)節(jié)都經(jīng)過(guò)精心雕琢，非常適合界面的快速開發(fā)，能夠作為PC網(wǎng)頁(yè)端后臺(tái)系統(tǒng)與前臺(tái)界面的速成開發(fā)方案。

以上就是使用layui怎么監(jiān)聽表格復(fù)選框選中值，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。