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