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

Question

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

<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>

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

Answer 1

你需要改变这个

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