Bootstrap Popover不应该每次都被破坏

Bootstrap Popover shouldn't get destroyed every time

本文关键字：Popover 不应该 Bootstrap      更新时间：2023-09-26

我的弹出框内有两个输入（复选框）。问题是，我无法从中获取数据，因为当我单击按钮时，DOM 中的弹出窗口会显示，当我再次单击它时，它会被删除。我想问题是javascript从一开始就已经初始化了，所以我的脚本无法识别输入。

所以你可以说，一般来说，我想在一个弹出窗口中实现两个输入，点击按钮时会显示。输入的数据（选中或未选中）应在 AngularJS 或 jQuery 中处理。

我在我的项目中使用bootstrap，jQuery和AngularJS。

我将不胜感激每一个答案。

您是否尝试使用弹出事件来触发函数以从复选框中获取数据。 我做了一个例子 n 将其发布在 JSFIDDLE 上，我不确定这是否是您要找的

http://jsfiddle.net/rtn5y6qf/2/

.html

<button type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="<div class='checkbox-div'><input type='checkbox' name='vehicle' value='Bike'>I have a bike<br><input type='checkbox' name='vehicle' value='Car'>I have a car</div>">Popover on Right</button>

JavaScript

$(document).ready(function () {
  $('button').popover({
    html: true
  });
});
$(document).on('shown.bs.popover', 'button', function (t, v) {
  $('.checkbox-div').find('input').each(function () {
    alert($(this).val());
  });
});
相关文章：