zoukankan      html  css  js  c++  java
  • 模态框传值,页内传值

    <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>
  • 相关阅读:
    Object-C 声明属性为什么用下划线,代码规范和编程风格
    iOS API 概述
    iOS 彻底学会使用delegate
    iOS NSNotification的使用
    L1_6 连续因子
    天梯 L1_46整除光棍
    51-Nod 1279
    UVA
    hdu 1078
    Poj 1088 滑雪 递归实现
  • 原文地址:https://www.cnblogs.com/michaelcnblogs/p/12148986.html
Copyright © 2011-2022 走看看