模态框传值,页内传值


<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">
&times;
</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>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM