国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Layui 帶多選框表格監聽事件以及按鈕自動點擊寫法實例

2024-05-06 15:35:08
字體:
來源:轉載
供稿:網友

不話不多說了,直接上代碼吧:

<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>            
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 大新县| 泸州市| 东光县| 三门县| 六盘水市| 甘肃省| 普兰县| 安达市| 都昌县| 兰西县| 行唐县| 静乐县| 无为县| 赣榆县| 来安县| 淮阳县| 南召县| 陇川县| 沭阳县| 大安市| 沙雅县| 岳阳县| 承德县| 仁寿县| 咸宁市| 临城县| 洪江市| 改则县| 从化市| 望城县| 勐海县| 乌鲁木齐市| 维西| 通海县| 禄丰县| 正蓝旗| 龙泉市| 阿坝县| 托里县| 岢岚县| 闻喜县|