<a data-toggle="modal" data-target="#myModal" class="label label-danger"><span
class="glyphicon glyphicon-remove"></span> 删除</a>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" id="myModalLabel">
删除提示
</h4>
</div>
<div class="modal-body">
此操作将无法恢复,确定删除?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">取消
</button>
<button type="button" id="uid" class="btn btn-danger" value="" onclick="deletButton(this.value)">
确定删除
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<script type="text/javascript">
$(\'#myModal\').on(\'show.bs.modal\', function (event) {
var btnThis = $(event.relatedTarget); //触发事件的按钮
var modal = $(this); //当前模态框
var content = btnThis.closest(\'tr\').find(\'td\').eq(0).text();
$("#uid").attr("value",content);
});
//删除按钮
function deletButton(obj) {
console.log(obj);
$.ajax({
url : \'deleteOvertimeApply/?id=\'+obj,
contentType: "application/json;charset=UTF-8",
async : false,
success : function(data) {
if (data.msg === \'ok\'){
toastr.info(\'删除成功!\');
location.reload();
} else {
toastr.error(\'删除失败!\');
}
}
});
}
</script>