溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
第一步： 在jsp文件中設置按鈕
<div class="layui-btn-group demoTable"> <button class="layui-btn" data-type="getCheckData">獲取選中行數據</button> <button class="layui-btn" data-type="getCheckLength">獲取選中數目</button> <button class="layui-btn" data-type="isAll">驗證是否全選</button> </div>
第二步：在jsp文件中創建表格
<table class="layui-table" lay-data="{width: 892, height:332, url:'/demo/table/user/', page:true, id:'idTest'}" lay-filter="demo">
<thead>
<tr>
<th lay-data="{type:'checkbox', fixed: 'left'}"></th>
<th lay-data="{field:'id', width:80, sort: true, fixed: true}">ID</th>
<th lay-data="{field:'username', width:80}">用戶名</th>
<th lay-data="{field:'sex', width:80, sort: true}">性別</th>
<th lay-data="{field:'city', width:80}">城市</th>
<th lay-data="{field:'sign', width:160}">簽名</th>
<th lay-data="{field:'experience', width:80, sort: true}">積分</th>
<th lay-data="{field:'classify', width:80}">職業</th>
<th lay-data="{field:'wealth', width:135, sort: true}">財富</th>
<th lay-data="{field:'score', width:80, sort: true, fixed: 'right'}">評分</th>
<th lay-data="{fixed: 'right', width:178, align:'center', toolbar: '#barDemo'}"></th>
</tr>
</thead>
</table>
第三步：寫js,監聽事件
<script>
layui.use('table', function(){
var table = layui.table;
var $ = layui.$, active = {
getCheckData: function(){ //獲取選中數據
var checkStatus = table.checkStatus('idTest')
,data = checkStatus.data;
layer.alert(JSON.stringify(data));
}
};
</script>
以上這篇layui獲取選中行數據的實例講解就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
