jQuery实现input输入框清除数据效果

最新推荐文章于 2023-02-24 15:15:13 发布

原创最新推荐文章于 2023-02-24 15:15:13 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript

本文介绍了一种使用jQuery实现清除HTML输入框数据的方法。通过点击按钮，可以清空指定名称的多个输入框，并使其获得焦点。示例代码展示了如何在按钮点击事件中，通过选择器获取并设置输入框的值。

jQuery实现input输入框清除数据效果

HTML代码：

<input type="text" id="jsbzUnit" class="codeinput" name="jsbzUnit" value="${requestScope.jsbzUnit}"/>
<input type="button" id="cleanButton" class="cleanButton" onclick=""
					value="清除记录" />

js代码：

<script>
		$(document).ready(function() {
			$("#cleanButton").click(function() {
				
				$("input[name='jsbzUnit']").val("").focus();
				$("input[name='jsbzName']").val("").focus();
				$("input[name='jsbzType']").val("").focus();
				$("input[name='jsbzClassify']").val("").focus();
			});
		});
</script>

不过在使用js代码时，需要导入jQuery的依赖库，附上下载地址：