3

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

<input id="custom_coverage" type="text" value="320" name="custom_coverage">

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

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

4

6 回答 6

8

将原始值存储在data属性中，例如<input id="custom_coverage" type="text" value="320" data-original-value="320" name="custom_coverage">

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

<a href="#" class="restore">Restore</a>

<script>

  $(document).on("click", ".restore", function(){
    var custom_coverage = $("input#custom_coverage");
    custom_coverage.val(custom_coverage.data("original-value"));

  });

</script>

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

于 2013-06-04T19:03:28.280 回答
2

你会这样做：

<input type="reset" value="Restore" />

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

于 2013-06-04T19:00:25.247 回答
0

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

<form action="mySubmit">
<input id="custom_coverage" type="text" value="320" name="custom_coverage">
<input type="reset" value="BUTTON NAME HERE">
</form>

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

<input type="button" onclick="$('#custom_coverage').val('ORIGINAL VALUE');" value="Reset"/>
于 2013-06-04T19:01:26.450 回答
0

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

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

这是jsFiddle

于 2013-06-04T19:03:38.183 回答
0

是的你可以：

<script type="text/javascript">

$(document).ready(function(){
    var default_value = $('#custom_coverage').val();
    $('#reset_value').click(function(){
        $(this).val(default_value);
        return false;
    });
});

</script>
<input id="custom_coverage" type="text" value="320" name="custom_coverage" id="custom_coverage">
<a href="#" id="reset_value">Reset input</a>
于 2013-06-04T19:04:20.013 回答
0

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

var $input = $('#custom_coverage'),
    $reset = $('#reset')
$('#reset').data('default', $input.val() );

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

检查小提琴

于 2013-06-04T19:05:04.947 回答