将按钮重置为输入框的默认值

我有一个输入框，访问者可以更改值

当他们更改值时，它会通过另一个jQuery脚本进行计算。

如何在输入框旁边添加按钮或链接，以便访问者可以将其恢复为默认值？

Answer 1

将原始值存储在data属性中，例如

并添加一个再次切换值的按钮：

 Restore  

示例： http ： //jsfiddle.net/deDdy/

Answer 2

你这样做：

但它会重置所有表单，而不仅仅是一个输入。

Answer 3

如果您的输入位于表单内，则可以使用“重置”类型输入按钮。

或者，如果你知道原始值是什么，你可以做这样的事情

Answer 4

您可以使用一个简单的函数将值重置为您想要的任何值。

 defaultValue = 320; resetValue = function() { $('#custom_coverage').val(defaultValue) } 

这是jsFiddle

Answer 5

是的你可以：

   Reset input 

Answer 6

您可以将该值存储在按钮的data属性上，并在单击按钮时将其分配回输入。

 var $input = $('#custom_coverage'), $reset = $('#reset') $('#reset').data('default', $input.val() ); $reset.on('click', function() { $input.val($(this).data('default')); }); 

检查小提琴