您好,登錄后才能下訂單哦!
不話不多說了,直接上代碼吧:
<div class="layui-btn-group demoTable" > <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" ο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 帶多選框表格監聽事件以及按鈕自動點擊寫法實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。