不話不多說了,直接上代碼吧:
<div class="layui-btn-group demoTable" style="margin: 10px;">  <button class="layui-btn" id="hqsj" data-type="getCheckData">獲取選中行數據</button>  <button class="layui-btn" data-type="getCheckLength">獲取選中數目</button>  <button class="layui-btn" data-type="isAll">驗證是否全選</button>  <button class="layui-btn" style="right: 30px;" οnclick="submitmychose()">提交選擇</button></div><table class="layui-table" lay-data="{width: 990, height:495, url:'<%=request.getContextPath()%>/admin/getSportcuDate', id:'idTest'}" lay-filter="demo">  <thead>    <tr>      <th lay-data="{type:'checkbox',width:80,fixed: 'left'}"></th>      <th lay-data="{field:'sportId',width:100, sort: true, fixed: true}">ID</th>      <th lay-data="{field:'sportName',width:290}">運動名</th>      <th lay-data="{field:'sportTime',width:270, sort: true}">運動時長</th>      <th lay-data="{field:'sortId', width:225}">運動類型</th>    </tr>  </thead></table><script>var msg="";var idlist="";layui.use('table', function(){      var table = layui.table;            //監聽表格復選框選擇      table.on('checkbox(demo)', function(obj){                });            var $ = layui.$, active = {        getCheckData: function(){ //獲取選中數據            msg="";            idlist="";          var checkStatus = table.checkStatus('idTest')          ,data = checkStatus.data;        for(var i=0; i<data.length;i++){          msg=msg+"周"+(i+1)+":"+data[i].sportName+" ";          idlist =idlist+data[i].sportId+",";        }        }        ,getCheckLength: function(){ //獲取選中數目          var checkStatus = table.checkStatus('idTest')          ,data = checkStatus.data;          layer.msg('選中了:'+ data.length + ' 個');        }        ,isAll: function(){ //驗證是否全選          var checkStatus = table.checkStatus('idTest');          layer.msg(checkStatus.isAll ? '全選': '未全選')        }      };      $('.demoTable .layui-btn').on('click', function(){        var type = $(this).data('type');        active[type] ? active[type].call(this) : '';      });    });    function submitmychose(){        $('#hqsj').trigger("click");            }</script>以上這篇Layui 帶多選框表格監聽事件以及按鈕自動點擊寫法實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答