Jquery和Bootstrap modalBox代码在同一页面中让我们说index.PHP
- <div class="modal fade" id="tileModal" tabindex="-1" role="dialog" aria-
- labelledby="mytileModal" 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">Select Tiles</h4>
- </div>
- <div class="modal-body">
- <div id="result"> </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
- <button type="button" class="btn btn-primary" id="saveChange">Save changes</button>
- </div>
- </div>
- </div>
- </div>
注意:DIV正在获取ajax响应html并且动态绘制元素.在这种情况下绘制元素后复选框.在saveChange按钮上单击模态我想获取复选框值.
- $("#saveChange").click(function () {
- var midVal = $('#test1').val();
- console.log(midVal);
- });
未定义
不确定为什么我无法从同一页面访问模态元素.但是我能够从模态外的其他DIV访问元素
解决方法
将事件附加到容器而不是直接附加到元素.也可以使用(‘点击’,…而不是直接点击.
- $("#tileModal").on('click','#saveChange',function () {
- var midVal = $('#test1').val();
- console.log(midVal);
- });