javascript 复选框 - 仅在引导模式确定时取消选中

javascript checkbox - uncheck only on bootstrap modal OK

本文关键字：定时 取消 模式 复选框 javascript      更新时间：2023-09-26

我有一个复选框，我需要添加一些javascript。

我在使其工作时遇到问题，因为我有一个具有"取消"和"确认"按钮的引导模式。

我不确定如何将取消选中引用传递给模态代码并取消选中"确认"按钮上的复选框。我做过很多次尝试，但都失败了。

如何仅在用户选择引导模式上的"确认"按钮时才取消选中复选框。当用户选择模式"取消"按钮时，该复选框应保持选中状态。

这是我目前拥有的复选框代码：

<input type="checkbox" name="selected_items" value="{{ id }}" {% if selected %}checked="checked"{% endif %} data-confirm="Are you sure you want to uncheck this?" />

这是我拥有的引导模式代码：

    $(document).ready(function() {
        $('input[data-confirm]').click(function(ev) {
            var href = $(this).attr('href');
            if (!$('#dataConfirmModal').length) {
                $('body').append('<div id="dataConfirmModal" class="modal modal-confirm-max-width" role="dialog" aria-labelledby="dataConfirmLabel" aria-hidden="true"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true"><icon class="icon-remove"></icon></button><h4 class="modal-title" id="dataConfirmLabel">{% trans "Confirm" %} - {{ resume_detail_temp_value }}</h4></div><div class="modal-body"></div><div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">{% trans "Cancel" %}</button>&nbsp;&nbsp;<a class="btn-u btn-u-blue" id="dataConfirmOK">{% trans "Confirm" %}</a></div></div>');
            }
            $('#dataConfirmModal').find('.modal-body').html($(this).attr('data-confirm'));
            $('#dataConfirmModal').modal({show:true});
            $('#dataConfirmOK').click(function() {
                // handle checkbox function here.
            });
            return false;
        });
    });

这是你要找的吗？

$('#dataConfirmOK').click(function() {
    $('input[name=selected_items]').prop('checked', false);
});
相关文章：