引用:
触发点击处添加:
data-toggle="modal" data-target="#updateModal"
在模态框里设置id:
<div class="modal fade" id="updateModal" 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="updateModalLabel">温馨提示</h4>
</div>
<div class="modal-body">您确定要修改吗?</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" onclick="updateInfo()" style="background-color: red">确认</button>
<button type="button" class="btn btn-default" style="background-color: #00a65a" data-dismiss="modal">取消</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
js代码:
function updateInfo() {
location.replace("update?id="+id+"&name="+name+"&email="+email+"&age="+age+"&department="+department);
}
`
``
点击确定时,设置点击事件作为相应
点击取消时,有data-dismiss="modal"属性,会隐藏模态框,并返回false阻止事件继续执行