bootstrap 带有确定取消按钮的modal
</div><div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="helpInfo" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <h4 class="modal-title" id="helpInfo">提示信息</h4> </div> <div class="modal-body"> <div id="confirmModal-content" class="text-danger"> </div> </div> <div class="modal-footer"> <button id="confirm" type="button" class="btn btn-primary " data-dismiss="modal">确定</button> <button id="cancel" type="button" class="btn btn-primary " data-dismiss="modal">取消</button> </div> </div> </div> </div>
$("#checkBtn").click(function () { var grid = $('#ChecksGrid').data('kendoGrid'); var row = grid.select(); if (row.length == 1) { var data = grid.dataItem(row); $("#confirmModal-content").html("确定审核通过?"); $("#confirmModal").modal({ backdrop: 'static', keyboard: false }) .one('click', '#confirm', function (e) { var url = "@Url.Action("OfficeCheck", "MissionCheckFileCheck", new { id = "__id__", fileLocation = "__fileLocation__" })"; window.location = url.replace("__id__", data.Id).replace("__fileLocation__", data.FileLocation).replace(/amp;/g, ""); }); } else { $("#modal-content").html("请选择未审的文书"); $("#noRowSelectModal").modal(); } });