【jQuery】简单的点击删除按钮清空输入框的内容

输入框自定义清除按钮 1.结果展示(需要用到bootstrap,jquery) 2.HTML代码 <div class="container"> <form class="form-signin" autocomplete="off"> <h2 class="form-signin-heading text-primary tex. 阅读详情

这里写图片描述


测试代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div>
        <div class="text">
            出发地:<input type="text"/>
            目的地:<input type="text"/>
        </div>
        <input class="btn" type="button" value="X"/>
    </div>
    <script src="../js/jquery-1.11.3.js"></script>
    <script type="text/javascript">
        $(document).ready(function(e){
            /*点击删除 清空输入框的内容*/
            $('.btn').click(function(){
                $('.text input').val('');
            });
        });
    </script>
</body>
</html>

注意:必须引入jquery-1.11.3.js才能看到效果。

基于jQuery的左滑出现删除按钮 最近在做项目的时候遇到了个需求,在网页上实现类似于QQ会话列表那样子的左滑出现删除按钮的效果,于是尝试着写了一个,写出来与大家交流分享,大神勿喷。基本要求由于我们是在做一个跨平台的APP,里面部分界面其实就是WebView加载的网页,因此需要使用网页实现这样的效果:往左滑动时,显示删除按钮,再往右滑,隐藏删除按钮。成品示例图额,先上图吧。下面分别是在PC浏览器里和在Mobile浏览器里的效果。PC浏 阅读详情

相关推荐

jquery添加删除input输入框

       在写前端页面时,有时候根据业务要求需要动态增加或减少一行或多行输入框,之前看到别人写的太复杂,我把自己简化过的拿出来给大家参考一下。 实现后的效果,点击添加在最下方新增一行输入框,点击删除删除该输入框。  我先说一下实现的逻辑,第一行输入框是固定的的,后面的几行都是以第一行为模板克隆而来的,当然还需要更改克隆后的input框属性。我把整个HTML先贴上来 &lt;%@ p...

Mr_Dai的博客 7924

jquery点击按钮删除文本框的内容

点击按钮删除文本框的内容,很简单,关键代码如下 $(document).ready(function(){ $("#quxiaobtn").click(function(){ $("#text").val(''); });注意val括号里的是单引号。还要引入jquery哦。...

飞鸿的博客 4859

jquery实现在一个框中输入内容,点击添加后,在另外一个框中显示出来,且能删除

html: 台站名称: 添加 删除 报警名称:

java_zhaoyanli的专栏 3093

jQuery输入框点击添加在下面列表显示可以进行删除

输入框点击添加在下面列表显示可以进行删除 html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> style> *{ margin: 0; padding: 0; } div input{

dangai0201的博客 1307

【保姆级教程/代码】GNSS反演大气可降水量(Precipitable Water Vapor, PWV)

GPS精密单点定位(PPP)是一种采用精密卫星星历和卫星钟差进行非差单点定位的方法,在观测过程中采用双频载波相位观测法以确保高精度定位精度。本文利用PPP技术来求解天顶对流层延迟(zenith tropospheric delay,ZTD)。ZTD由湿延迟(ZWD)和干延迟(ZHD)组成,其中占比90%的ZHD与地面测站高程、大气压和测站纬度等参数有良好的相关性,可以通过Saastamoinen模型精确求出;

weixin_43910227的博客 2927

Unity插件——WebView内嵌网页/浏览器插件

一、相关插件: 1、Embedded Browser 插件(文件夹名ZFBrowserUnity) 2、UniWebView插件 3、UnityAndroidWebviewToTexture插件 4、3D WebView for Android插件 二、遇到的问题: 3D WebView显示问题 项目中使用3D WebView存在的问题 三、插件使用 Embedded Browser 加载页面的使用

青岚岁叶的博客 1万+

带取消(清除)按钮的编辑框

本文仅限给小白以及自己做个笔记: 在做应用时,肯定会用到自定义UI,根据需求做了个点取消按钮的编辑框,并且 有以下监听: 1、当编辑框中没有内容的话,取消按钮不显示。 2、当编辑框内的内容从有到无的时候,取消按钮也会从有到无显示。 3、当编辑框内的内容从无到有的时候,取消按钮也会从无到有显示。 4、点击取消按钮,清除编辑框内的内容,同时取消按钮也将消失。 上图看效果:(图一)

MySunshine的专栏 1119

群晖NAS搭建Git Server避坑指南:从SSH配置到权限管理的完整流程

本文提供了一份详尽的群晖NAS搭建Git Server实战指南。文章从启用并安全配置SSH服务入手,深入解析了用户权限体系设计、SSH连接与仓库初始化、客户端SSH密钥配置等核心步骤,并提供了常见错误排查与生产环境加固方案,帮助开发者成功构建私有、安全的代码托管平台。

rock5的博客 420

点击按钮后用jQuery禁止按钮并显示文字[正在处理...]

通过val设置按钮的文字,并用attr修改disabled属性。测试代码如下: $("form").submit(function() { $("#buttonid").val("正在处理..."); $("#buttonid").attr("disabled", "disabled"); });

yangzongzhuan的专栏 1671

Lumerical官方案例、FDTD时域有限差分法仿真学习(十三)——多模干涉耦合器(MMI)

计算通过 1×2 端口多模干涉 (MMI) 耦合器的宽带传输和光损耗。 使用设备 S 参数在 INTERCONNECT 中创建 MMI 的紧凑模型。 它还展示了如何使用 CML 编译器提取这些参数以生成紧凑模型。 一、概述 了解模拟工作流程和关键结果 低损耗光合路器和分路器是基于 Mach-Zehnder 的光调制器的基本组件,并且是集成电路的关键组成部分。通过在输入/输出波导处使用线性锥形确保输入/输出波导的模式与干涉区域之间的

weixin_45719141的博客 1万+

B站自动答题协议分析

使用Python写了一个自动答题机器人!基于接口协议实现且包含点选验证码识别

吴秋霖的博客 2654

jquery 清空div内控件值

字符串相关学习资料:https://edu.51cto.com/video/3832.htmlhttps://edu.51cto.com/video/4055.htmljQuery 清空 div 内控件值 在网页开发中,我们经常需要使用 jQuery 来操作 DOM 元素。有时候,我们需要清空一个 div 容器中的所有...

weixin_29679557的博客 216

NTC热敏电阻选型快速指南

NTC(Negative Temperature Coefficient Thermistor)负温度系数热敏电阻器,是由锰Mn,镍Ni,铜Cu,一氧化碳Co等烧结而成的氧化物。其电阻值随温度的升高而减小,即具有复温度系数,故被称为负温度系数热敏电阻。本文对热敏电阻的应用场景,结构特点和选型参数进行总结。

fydar的博客 1296

点击按钮,新增输入框,再点击按钮,删除输入框

需求:点击新增按钮的时候,会出现一个新增的输入框,按钮文字新增变成删除,再次点击删除按钮,出现的输入框隐藏,按钮文字变成新增字样。 大致效果是这样的: 为了更好的呈现效果,这里放一个类似的demo。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>&lt...

祈澈菇凉 3062

【深度学习】最强算法之:残差网络(ResNet)

一篇掌握深度学习算法之:残差网络

商务合作 | 面试培训 | 职场规划 ==>主页扫码 7838

彻底解决Win11锁屏界面黑屏或者图片不变化

windows锁屏后黑屏

renkai721的专栏 1万+

jquery点击删除按钮,删除当前的div

现在有多行div,共用一个删除事件,点击删除的时候,会把页面所有的div全都删掉了,但是我只需要点击哪一行div里面的删除按钮,就删除哪一行,其实很简单,只需要写一个this事件即可。 参考代码如下: <!DOCTYPE html> <html lang="en"> <head> ...

祈澈菇凉 9841

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

jQuery点击删除按钮,删除当前div

现在有多行div,共用一个删除事件,点击删除的时候,会把页面所有的div全部删掉,但我只需要点击哪一行div里面的删除按钮,就删除哪一行。 参考代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&g...

前端开发中遇到的问题 3269

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

jQuery的添加删除功能(添加文本,列表,删除元素,清空内容)

添加文本内容,列表 可以使用jQuery的.append/.prepend/.after来进行操作,方法都是大同小异的.很简单,这个让我想起以前用到的一个管理系统,人家设计的用一个按钮按下去就可以新增5行表格,看来可能也是用这个jQuery的.append做出来的效果,很实用. 添加文本内容,列表的JS代码 <script type="text/javascript" src="jquery.min.js"></script> <script type="text/java

qq_25139415的博客 1876

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

jQuery点击按钮,生成或者删除inpu数组输入框

需求点击添加按钮,生成input数组输入框,如果上一个输入框为空,则弹出提示框提示,若不为空,则生成一行input框,最后一个不可以删除,对于数组传值要注意,id唯一,获取值的时候要注意空值的判断,把数组转为对象便于后台接收,但是后台接收对象需要添加注解@RequestBody。 <!DOCTYPE > <html> <head> <meta cha...

独乐乐不如众乐乐 517

jquery十几行代码实现输入框自带清除按钮

在很多网站上的输入框会自带输入清除按钮,点一下就清除输入框的内容,非常方便。 网上找了很多代码,不是兼容性不好就是实现很麻烦,自己就花十几分钟,把这个功能实现了。 当输入框没有文字的时候不显示清除按钮,有文字的时候自动出现。 实现的效果如下: 第一步:将input框和清除按钮放在同一个div内,清除按钮可以使用图片。我这里使用的是iconfont图标,您也可以自己换成图片,具体位置

pinzhizun的博客 8202

jQuery 点击按钮,表格增加一行。

添加一行 姓名年龄性别 function addrow(){ var tables = $('.table'); var addtr = $(""+ ""+ ""+ ""+ " 删除"+ "");       addtr.appendTo(tables);      } function deleteTrRow(tr){    

孤峰忆霜的博客 2万+

使用jquery清空input 文本框中的内容

$('.clear').click(function(){ $(".input").val(""); }) 在点击清空按钮时,将输入框的值置空。

哈密瓜味的猪 3164

使用Jquery实现将输入数据添加至表格中,通过点击Delete可删除所在行数据。

使用Jquery实现将输入数据添加至表格中,通过点击Delete可删除所在行数据。 代码: <!DOCTYPE html> <html> <head> <title>选择框</title> <script src="../js/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">

scscdstfxqxxzqqc的博客 3727

清空html输入框,jquery清空textarea等输入框

转载自:http://blog.youkuaiyun.com/dyllove98/article/details/8870307下面是源代码:点击按钮后,这些文字将被清空。http:www.keleyi.com 柯乐义$("#clear_keleyi_com").click(function (){$("#keleyi_com").val('');})js与jquery实时监听输入框值变化方法本文实例讲述了j...

weixin_39794385的博客 1075

Bootstrap 实现输入框中的 x 按钮删除文本值

bootstrap 的 form-control提供了一个 form-control-feedback类,用于在输入框中显示一个状态,下面的地址有实例: http://www.w3schools.com/bootstrap/bootstrap_forms_inputs2.asp 如果有多个输入框,那么最好用 div 包裹要加载×号的输入框以及其 lable 标签和 span 或者 a 标签(用于

jl381169437的博客 1万+
上一篇: 【jQuery】超简单的点击弹出或隐藏操作
下一篇: 【JS】复选框的全选和取消全选
邹大叔
博客等级 码龄10年 71粉丝 27原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值