javascript - 单击时弹出一个单选按钮

Question

我在表单中有两个单选按钮，如下所示

<input name="exservman" id="yes" value="1" <?php echo $exserY;?>  type="radio" data-title="Ex-servicemen" class="btn btn-primary my-popover">Yes
 <input type="radio" name="physical" id="phyno" value="0">No

我遇到的问题是，虽然在选择单选按钮时出现弹出窗口，但我想通过单击“否”单选按钮来关闭它。

这是 JS

var $elements = $('.my-popoverr');
$elements.each(function () {
    var $element = $(this);

    $element.popover({
        html: true,
        placement: 'top',
        container: $('body'), 
        content: $('#content').html()
    });

    $element.on('shown.bs.popover', function () {
        var popover = $element.data('bs.popover');
        if (typeof popover !== "undefined") {
            var $tip = popover.tip();
            zindex = $tip.css('z-index');

            $tip.find('.close').bind('click', function () {
                popover.hide();
            });

            $tip.mouseover(function () {
                $tip.css('z-index', function () {
                    return zindex + 1;
                });
            })
                .mouseout(function () {
                $tip.css('z-index', function () {
                    return zindex;
                });
            });
        }
    });
});

Answer 1

您希望对单选按钮使用 onchange 事件，而不是 onclick 事件。

所以我会在您的代码中建议这样的内容:

$tip.find('.close').bind('change', function () {
  popover.hide();
});