Block transfer mode value, the traditional values p

<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 class =" Modal-footer "> </ div>
This action can not be restored sure to delete?


<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 ( 'deleted successfully!');
location.reload ();
} the else {
toastr.error ( 'delete fails!');
}
}
});
}
</ Script>

Guess you like

Origin www.cnblogs.com/michaelcnblogs/p/12148986.html