时间戳

首页 > 解决方案 > 如果单击取消按钮，如何拒绝输入框中的任何更改？

javascript - 如果单击取消按钮，如何拒绝输入框中的任何更改？

问题描述

所以我有一个禁用的输入框，除非我单击允许在输入框中键入的编辑按钮，通过单击编辑按钮，将出现保存和取消按钮。如果我单击取消按钮，输入框将再次被禁用。

<button type="submit" class="btn btn-success" value="savechanges" id="savechanges">Save Changes</button>
<button type="button" class="btn btn-secondary" value="cancel" id="cancel">Cancel</button>
<button type="button" class="btn btn-info" value="edit" id="edit">Edit Info</button>

<script>
$('#edit').click(function () {
        $(this).hide();
        $('#savechanges, #cancel').show();
        $("#target :input").prop("disabled", false);
    });

    $('#cancel').click(function () {
        $('#edit').show();
        $('#savechanges, #cancel').hide();
        $("#target :input").prop("disabled", true);
    });
</script>

我想要做的是如果我点击编辑按钮，例如我在那里输入一些东西然后我想取消它所以我点击取消按钮，正如我上面所说的那样它将禁用输入框。但那里的东西仍然存在。自从我取消它以来，它不应该存在。另外，例如，如果输入框内部已经显示了一个值并且我在其中进行了编辑，但我想取消它，那么它将返回到该值。谁能帮助我，希望你明白我的意思

标签： javascriptjqueryhtml

解决方案

你需要改变这个

$('#cancel').click(function () {
        $('#edit').show();
        $('#savechanges, #cancel').hide();
        $("#target :input").val('');
        $("#target :input").prop("disabled", true);
    });

推荐阅读