javascript 复选框 - 仅在引导模式上取消选中 OK

Question

我有一个复选框，我需要添加一些 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;

        });

    });

Answer 1

这就是你要找的吗？

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