当选着删除按钮的时候，我们一般都会使用confirm属性
```
// 删除按钮事件
$("#remove").on("click", function() {
if (!confirm("是否确认删除？"))
return;
var rows = $("#mytab").bootstrapTable('getSelections');// 获得要删除的数据
if (rows.length == 0) {// rows 主要是为了判断是否选中，下面的else内容才是主要
/* alert("请先选择要删除的记录!"); */
layer.msg('请先选择要删除的记录!', {
icon : 5,
time : 1000
});
return;
} else {
var ids = new Array();// 声明一个数组
$(rows).each(function() {// 通过获得别选中的来进行遍历
ids.push(this.id);// cid为获得到的整条数据中的一列
});
deleteMs(ids);
}
})
function deleteMs(ids) {
$.ajax({
url : basePath + "/dels/callerAlarm",
data : "ids=" + ids,
type : "get",
dataType : "json",
success : function(data) {
$('#mytab').bootstrapTable('refresh', {
url : basePath + '/list/callerAlarm'
});
}
});
}
```
但是效果是这样的，太过于简单，现在要搭配layer样式来改变一下样式
其实代码很简单
```
// 删除按钮事件
$("#remove").on("click", function() {
var rows = $("#mytab").bootstrapTable('getSelections');// 获得要删除的数据
if (rows.length == 0) {// rows 主要是为了判断是否选中，下面的else内容才是主要
/* alert("请先选择要删除的记录!"); */
layer.msg('请先选择要删除的记录!', {
icon : 5,
time : 1000
});
return;
} else {
layer.confirm("确认要删除吗，删除后不能恢复", { title: "删除确认" }, function (index) {
var ids = new Array();// 声明一个数组
$(rows).each(function() {// 通过获得别选中的来进行遍历
ids.push(this.id);// cid为获得到的整条数据中的一列
});
deleteMs(ids);
layer.close(index);
});
}
})
function deleteMs(ids) {
$.ajax({
url : basePath + "/dels/staffAlarm",
data : "ids=" + ids,
type : "get",
dataType : "json",
success : function(data) {
$('#mytab').bootstrapTable('refresh', {
url : basePath + '/list/staffAlarm'
});
}
});
}
```
改完之后，如果样式不满意，可以继续修改。
