Question

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

所以你可以说，一般来说我想在一个popover中实现两个输入，它会在按钮点击时显示。输入数据（已检查或未检查）应在AngularJS或jQuery中处理。

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

我很感激每一个答案。

Answer 1

您是否尝试使用popover事件来触发您的函数以从复选框中获取数据。香港专业教育学院做了一个例子，发布在jsfiddle，我不确定这是不是你想要的

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());
  });
});

每次都不应该破坏Bootstrap Popover

1 个答案: