input点击按钮还原初始值

最新推荐文章于 2022-05-31 14:46:25 发布

原创最新推荐文章于 2022-05-31 14:46:25 发布 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #java #ViewUI

html 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript在页面初始化前存储输入框原始值的方法，并通过点击按钮实现输入框值的快速还原。该技巧利用了jQuery选择器和自定义属性来实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面初始化前使用js将原始值存储在一个自定义属性中，点击还原按钮的时候讲初始值替换下当前值

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script>
<div id="dv"><!--要还原的对象放到一个容器里面，只操作这个容器下的-->
    <input type="text" value="1"  /><input type="text" value="2"  /><input type="text" value="3"  />
</div>
<input type="button" value="还原" onclick="restore()" />
<script>
    $('#dv input').attr('initvalue', function () { return this.value})
    function restore() {
        $('#dv input').val(function () { return this.getAttribute('initvalue')})
    }
</script>

转自：https://ask.youkuaiyun.com/questions/197256