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

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的依赖库，附上下载地址：

• https://code.jquery.com/jquery-3.5.1.js