Javascript 关闭/隐藏模式

我有一个困难的时间如何关闭或隐藏我的模态填充后

单击提交后，我希望它返回到文本框可单击的页面。返回页面后，再次打开时，我选中的复选框仍应选中。任何人都可以用javascript或任何其他解决方案来实现它

我现在没有时间使用引导，我的代码如下。我只想隐藏我的模式或关闭后点击提交。请帮帮我，谢谢

我的工作小提琴：

请参阅下面我的代码：

test.php

<form method="post" name="testform" action="#">

    <a href="#modal"> <!-- when the input textbox was clicked, modal will pop up -->
        <input readonly type="text" name="txt1" placeholder="inputTest">        
    </a>

    <div class="modalwrapper" id="modal">   <!-- modal -->
            <div class="modalcontainer">    
                <div class="modalcol1">
                    <label>Test 1</label>
                    <input type="checkbox" name="test_modal[]" value="1">
                    <div class="clear"></div>
                    <label>Test 2</label>
                    <input type="checkbox" name="test_modal[]" value="2">
                    <div class="clear"></div>
                    <label>Test 3</label>
                    <input type="checkbox" name="test_modal[]" value="3">
                    <div class="clear"></div>
                    <label>Test 4</label>
                    <input type="checkbox" name="test_modal[]" value="4">
                    <div class="clear"></div>
                    <label>Test 5</label>
                    <input type="checkbox" name="test_modal[]" value="5">
                    <div class="clear"></div>

                    <div class="savebutton">
                        <button class="btn1" type="button" value="Submit">Submit</button>
                    </div>
                </div> <!-- close modalcol1 -->
            </div> <!-- close modalcontainer -->
        <div class="overlay"></div>
    </div> <!-- close modalwrapper -->
</form>

帮帮我，伙计们：（我现在非常需要它。

试试这个

<button class="btn1" type="button" value="Submit" on-click= submit();>Submit</button>

试试这个

<button class="btn1" type="button" value="Submit" on-click= submit();>Submit</button>

冷静点，兄弟

检查此链接

添加这个js代码

   $(document).on("click",".btn1", function(){
   $('#modal').hide();
   });

为什么这么严肃？

冷静点，兄弟

检查此链接

添加这个js代码

   $(document).on("click",".btn1", function(){
   $('#modal').hide();
   });

为什么这么严重？

$（document）.on（“click”，“.btn1”，function（））{
$（'#model'）.hide（）；
})；

/*模态布局*/
莫代尔先生{
排名：0；
左：0；
不透明度：0；
位置：绝对位置；
可见性：隐藏；
盒影：0 3px 7px rgba（0,0,0,25）；
框大小：边框框；
过渡：全部。4s轻松进出；
-webkit过渡：全部。4s易入易出；
-moz过渡：全部。4轻松输入输出；
}
.modalwrapper:目标{
不透明度：1；
可见性：可见
}
.覆盖{
背景色：#000；
背景：rgba（0,0,0,8）；
身高：100%；
左：0；
位置：固定；
排名：0；
宽度：100%；
z指数：1；
}
.modalcontainer{
显示：表格；
背景色：#777；
位置：相对位置；
z指数：100；
颜色：#fff；
填充物：5px；
}
.modalcol1{显示：表格单元格；}
.clear{clear:两者；}
.modalwrapper输入[类型=复选框]{
浮动：对；
右边距：20px；
}
.savebutton输入[类型=提交]{
浮动：对；
背景颜色：栗色；
颜色：#fff；
边界：无；
填充物：5px10px；
边缘顶部：5px；
右边距：20px；
}
/*模态布局到此结束*/

测试1
测试2
测试3
测试4
测试5
提交

$（document）.on（“click”，“.btn1”，function（））{
$（'#model'）.hide（）；
})；

/*模态布局*/
莫代尔先生{
排名：0；
左：0；
不透明度：0；
位置：绝对位置；
可见性：隐藏；
盒影：0 3px 7px rgba（0,0,0,25）；
框大小：边框框；
过渡：全部。4s轻松进出；
-webkit过渡：全部。4s易入易出；
-moz过渡：全部。4轻松输入输出；
}
.modalwrapper:目标{
不透明度：1；
可见性：可见
}
.覆盖{
背景色：#000；
背景：rgba（0,0,0,8）；
身高：100%；
左：0；
位置：固定；
排名：0；
宽度：100%；
z指数：1；
}
.modalcontainer{
显示：表格；
背景色：#777；
位置：相对位置；
z指数：100；
颜色：#fff；
填充物：5px；
}
.modalcol1{显示：表格单元格；}
.clear{clear:两者；}
.modalwrapper输入[类型=复选框]{
浮动：对；
右边距：20px；
}
.savebutton输入[类型=提交]{
浮动：对；
背景颜色：栗色；
颜色：#fff；
边界：无；
填充物：5px10px；
边缘顶部：5px；
右边距：20px；
}
/*模态布局到此结束*/

测试1
测试2
测试3
测试4
测试5
提交

将其放入文件中

$（“#模态#u编辑”）.modal（'hide'）

希望帮助库布。

将此文件归档

$（“#模态#u编辑”）.modal（'hide'）

---

是hope help kubb。

它不工作。你能试着在我的计算机上调试它吗？它不工作。你能试着在我的计算机上调试它吗

<button type="button" id="close"class="btn green btn-default" data-dismiss="modal">Close <i class="fa fa-times" aria-hidden="true"></i></button>

function onSave(){
$('#close').Click();
}