Jquery 应用（清空输入框）

最新推荐文章于 2021-11-26 22:02:30 发布
最新推荐文章于 2021-11-26 22:02:30 发布
阅读量409 收藏
点赞数
分类专栏： JQuery 文章标签： jQuery JavaScript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wl1121/article/details/83401629
版权 

<script type="text/javascript">
    
function cleartextbox() {
    var els = $("input:text");
    els.each(
           function(i) {

               $(this).val("");
           }
         );
}     

</script>
 
wl1121
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery清空textarea等输入框实现代码
10-27
jquery清空textarea等输入框在工作中很常见，接下来的代码简单实用，感兴趣的朋友可以参考下哈，希望对你有所帮助
jQuery添加目录列表同时清空input输入框的内容
Hairless_hui的博客
02-24 298
jQuery添加目录列表
jquery设置input type="text"中的值为空
S852509769的博客
03-11 1万+
$("#id").val(" ");可以设置input的值为空
清除Input密码框的缓存方法
zhang150114的博客
04-24 1002
<input type="text" name="name" id="name" autocomplete="off" > 只需要在input密码框后面加上 autocomplete=“off” 属性即可。
jQuery文本框默认值自动清除和填充的实现
IT4167555的博客
10-06 1067
$(document).ready(function(){var i = 0; $("input").on("focus blur",function(){ //this  表示当前操作对象。是dom对象,可以通过this.value获得值 //$(this).val(i++); // * 判断当前对象是否被选中 , is() 用于判断 if($(this).is(":focus")){
jquery控制表单输入框显示默认值的方法
12-03
如果输入框当前的值等于默认值（即`title`属性的值），则清空输入框的值，这样用户就可以开始输入。 2. `.blur()`事件：当输入框失去焦点时触发。如果此时输入框是空的（即没有用户输入的值），则将默认值重新填充回...
jQuery实现IE输入框完成placeholder标签功能的方法
10-19
在`focus`事件处理函数中，检查输入框的值是否为"请输入关键词"且`isthisnull`为真，如果是，则清空输入框的值并将字体颜色改为黑色。在`blur`事件处理函数中，如果输入框的值为空，就将值恢复为"请输入关键词"，并...
javascript在输入错误之后将输入框自动清空
ihghkb的博客
11-26 2576
假设sub_btn是提交按钮的id，inputBox是文本输入框的id，通过$("#sub_btn").click(function ())绑定点击事件，Text是文本输入框中的文本，Pattern是对应的正则表达式，表示输入的应该是6位数字，然后使用test方法验证Text和Pattern是否匹配，如果不匹配，alert错误信息，并且通过设置inputBox的attr值为""将输入框内容清空，光标回到输入框的开头。 $("#sub_btn").click(function () { var Te
【jQuery】简单的点击删除按钮清空输入框的内容
zuncle的博客
02-09 2万+
测试代码如下：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div> <div class="text"> 出发地：<input type="text"/> 目的地：<i
js或者jquery清空文本框所有内容
XiaoYu的博客
04-11 1万+
eg: &lt;input type="text" id="txt_field_name" /&gt; 1. var obj = document.getElementById('#txt_field_name') ;     obj.select();      $('#txt_field_name').append("&lt;input type='text' id='txt_field_na...
使用jquery如何清空input 中的内容
热门推荐
AinUser的博客
05-28 7万+
用JQ的attr属性就可以清空input的内容 <inputtype="text"value="TEST"/> <scriptsrc="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"type="text/javascript"/> <script> $(function(){ ...
jquery清空textarea等输入框
萌萌的It人 www.itmmd.com
04-30 2万+
完整示例：http://www.keleyi.com/keleyi/phtml/clearinput.htm 下面是源代码： 点击按钮后，这些文字将被清空。http:www.keleyi.com 柯乐义$("#clear_keleyi_com").click(function (){$("#keleyi_com").val('');}) 本文转载自柯乐义http://www.keleyi.c
jquery清空input标签的值,清除标签里面的内容
weixin_43975276的博客
10-24 2万+
清除input标签的值,可以通过直接将input标签的值设置为空来实现. <input id="user" type="text" name="username" placeholder="请输入用户名" required/> $('#user').val('');//通过val()方法设置value的值 清除标签里面的内容,也可以用和上面类似的原理实现 $('#notify').html(''); 但是这样有缺陷,清空的时候只会把里面的内容清空掉,如果里面的内容绑定了事件,事件是没有被
jquery 实现input只输入数字及控制输入字数
醇醛酸酯 的博客
02-27 1万+
id:&lt;input type="text" name="id" id="id" &gt; &lt;span style="display:none;border:0" id="t1" &gt;请输入数字&lt;/span&gt;&lt;script type="text/javascript"&gt; $("
jQuery实现input输入框清除数据效果
Yuan_xiaob的博客
06-02 1588
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
JQuery：聚焦清空输入框值，失焦恢复默认值
最新发布
05-22
你可以使用 JQuery 来实现这个功能。首先，给输入框绑定 `focus` 和 `blur` 事件，然后在 `focus` 事件中清空输入框的值，在 `blur` 事件中恢复默认值。下面是代码示例： HTML： ```html <input type="text" id="inputBox" value="请输入内容"> ``` JQuery： ```javascript $(function() { var defaultValue = $('#inputBox').val(); // 获取输入框的默认值 $('#inputBox').focus(function() { // 聚焦输入框时，如果值等于默认值，则清空输入框 if ($(this).val() === defaultValue) { $(this).val(''); } }).blur(function() { // 失焦输入框时，如果值为空，则恢复默认值 if (!$(this).val()) { $(this).val(defaultValue); } }); }); ``` 上面的代码会在页面加载完成后执行，首先获取输入框的默认值，然后给输入框绑定 `focus` 和 `blur` 事件。在 `focus` 事件中，如果输入框的值等于默认值，则清空输入框；在 `blur` 事件中，如果输入框的值为空，则恢复默认值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值