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>
  • 相关阅读:
    好好的Timer居然有坑?
    你竟然用Integer作为synchronized的锁对象?
    是时候了解Java Socket底层实现了
    带你了解MyBatis一二级缓存
    Java利用反射排序
    用代码移动桌面图标(贪吃蛇)
    servlet上传文件+上传进度显示
    简书导航栏实现
    iPhone手机屏幕尺寸(分辨率)
    iOS深拷贝浅拷贝
  • 原文地址:https://www.cnblogs.com/michaelcnblogs/p/12148986.html
Copyright © 2011-2022 走看看