JavaScript如何实现重置功能
JavaScript实现重置功能的方法：【$(document).on('click','.dealFlowSelectedBox_bntBox_left',function(){ $('.dealFlowSelectedBox_...】。
本文操作环境：windows10系统、JavaScript 1.8.5、thinkpad t480电脑。
JavaScript实现重置功能的具体代码如下所示：
HTML代码：
<body> <!--头部--> <div class="mui-content"> <div class="headerBox"> <a href="javascript:history.go(-1);" class="fanhuiBnt"> <img src="../img/dealFlow/fanhui.png" /> </a> 筛选条件 </div> <div class="dealFlowSelectedBox"> <div class="dealFlowSelectedBox_title"> <em></em> <span>支付方式</span> </div> <div class="dealFlowSelectedBox_contBox"> <a href="javascript:void(0);" class="dealFlowSelectedBox_payment active"><img src="../img/dealFlow/quanbu.png" />全部</a> <a href="javascript:void(0);" class="dealFlowSelectedBox_payment "><img src="../img/signing/zhifubao.png" />支付宝收款</a> <a href="javascript:void(0);" class="dealFlowSelectedBox_payment "><img src="../img/signing/weixin.png" />微信收款</a> </div> </div> <div class="dealFlowSelectedBox_line"></div> <div class="dealFlowSelectedBox"> <div class="dealFlowSelectedBox_title"> <em></em> <span>证件资料</span> </div> <div class="dealFlowSelectedBox_contBox"> <a href="javascript:void(0);" class="dealFlowSelectedBox_certificate active">全部</a> <a href="javascript:void(0);" class="dealFlowSelectedBox_certificate ">收款成功</a> <a href="javascript:void(0);" class="dealFlowSelectedBox_certificate ">退款成功</a> <a href="javascript:void(0);" class="dealFlowSelectedBox_certificate ">收款失败</a> </div> </div> <div class="dealFlowSelectedBox_line"></div> <div class="dealFlowSelectedBox" style="padding: 0;"> <div class="dealFlowSelectedBox_title" style="margin: 0 0.24rem;width: calc(100% - 0.24rem);"> <em></em> <span>交易时间</span> </div> <ul class="dealFlowSelectedBox_timeBox"> <li> <span>开始时间</span> <input type="text" id="starDate" name="starDate" value="" placeholder="请选择开始日期" readonly="readonly" /> <img src="../img/index/index_xyjt.png" /> </li> <li> <span>结束时间</span> <input type="text" id="endDate" name="endDate" value="" placeholder="请选择结束日期" readonly="readonly" /> <img src="../img/index/index_xyjt.png" /> </li> </ul> </div> <div class="dealFlowSelectedBox_bntBox"> <a href="javascript:void(0);" class="dealFlowSelectedBox_bntBox_left">重置</a> <a href="javascript:void(0);" class="dealFlowSelectedBox_bntBox_right">确定</a> </div> </div> </body>
JS代码：
<script type="text/javascript">
$(document).on('click','.dealFlowSelectedBox_bntBox_left',function(){
$('.dealFlowSelectedBox_payment').removeClass('active');
$('.dealFlowSelectedBox_certificate').removeClass('active');
$('.dealFlowSelectedBox_payment').first().addClass('active');
$('.dealFlowSelectedBox_certificate').first().addClass('active');
$("input").val('');
})
</script>推荐学习：JavaScript视频教程
以上是JavaScript如何实现重置功能的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
如何使用WebSocket和JavaScript实现在线语音识别系统
Dec 17, 2023 pm 02:54 PM
如何使用WebSocket和JavaScript实现在线语音识别系统引言：随着科技的不断发展，语音识别技术已经成为了人工智能领域的重要组成部分。而基于WebSocket和JavaScript实现的在线语音识别系统，具备了低延迟、实时性和跨平台的特点，成为了一种被广泛应用的解决方案。本文将介绍如何使用WebSocket和JavaScript来实现在线语音识别系
抖音如何重置推荐内容？它推荐内容怎么设置呢？
Mar 27, 2024 pm 07:30 PM
抖音，这个全球最受欢迎的短视频平台，让每个人都能成为创作者，分享生活中的点点滴滴。有时候我们可能会对抖音推荐的内容感到厌倦，希望能够重置推荐内容，让平台重新评估和推送更适合自己的内容。那么，抖音如何重置推荐内容呢？本文将围绕这一问题进行详细解答。一、抖音如何重置推荐内容？抖音根据用户的观看历史、互动行为和兴趣偏好等数据进行个性化推荐。目前，抖音平台并没有直接提供重置推荐内容的选项。但是，用户可以采取一些方法来尝试重置推荐内容，例如清除观看历史、取消关注不感兴趣的内容创作者、多样化观看内容以改变推
WiFi通话在iPhone上不起作用：修复
Jun 03, 2024 am 11:16 AM
无法在iPhone上启用Wi-Fi通话？通话质量得到改善，您甚至可以从蜂窝网络不那么强大的远程位置进行通信。Wi-Fi通话也提高了标准通话和视频通话质量。因此，如果您无法使用手机上的Wi-Fi通话，这些解决方案可能会帮助您解决问题。修复1–手动启用Wi-Fi通话您必须在iPhone设置中启用Wi-Fi通话功能。步骤1–为此，您必须打开“设置”。步骤2–接下来，只需向下找到并打开“电话”设置即可步骤3–在电话设置中，向下滚动并打开“Wi-Fi通话”设置。步骤4–在Wi-Fi通话页面中，将“此iPh
解决win11重置问题的方法
Jan 05, 2024 am 09:24 AM
win11推出之后很多的用户都直接进行了更新，然而更新之后很多的用户都出现了重置失败的情况也不知道该怎么去解决，所以今天我们就给大家带来了win11重置失败解决方法，快来看看怎么操作吧。win11重置失败怎么解决1、首先点击左下角开始，点击设置，然后选择更新和安全。2、点击左侧的恢复按键，点击重置此电脑选项下面的开始。3、之后就可以选择一个选项。4、最后等待安装win11系统即可解决。5、用户们也可以直接在本站下载win11系统解决问题。
WebSocket与JavaScript：实现实时监控系统的关键技术
Dec 17, 2023 pm 05:30 PM
WebSocket与JavaScript：实现实时监控系统的关键技术引言：随着互联网技术的快速发展，实时监控系统在各个领域中得到了广泛的应用。而实现实时监控的关键技术之一就是WebSocket与JavaScript的结合使用。本文将介绍WebSocket与JavaScript在实时监控系统中的应用，并给出代码示例，详细解释其实现原理。一、WebSocket技
如何使用WebSocket和JavaScript实现在线预约系统
Dec 17, 2023 am 09:39 AM
如何使用WebSocket和JavaScript实现在线预约系统在当今数字化的时代，越来越多的业务和服务都需要提供在线预约功能。而实现一个高效、实时的在线预约系统是至关重要的。本文将介绍如何使用WebSocket和JavaScript来实现一个在线预约系统，并提供具体的代码示例。一、什么是WebSocketWebSocket是一种在单个TCP连接上进行全双工
如何利用JavaScript和WebSocket实现实时在线点餐系统
Dec 17, 2023 pm 12:09 PM
如何利用JavaScript和WebSocket实现实时在线点餐系统介绍：随着互联网的普及和技术的进步，越来越多的餐厅开始提供在线点餐服务。为了实现实时在线点餐系统，我们可以利用JavaScript和WebSocket技术。WebSocket是一种基于TCP协议的全双工通信协议，可以实现客户端与服务器的实时双向通信。在实时在线点餐系统中，当用户选择菜品并下单
win10重置卡在100%不动没反应怎么办
Jan 07, 2024 pm 04:13 PM
如果我们想要重置自己的win10系统来解决一些问题故障的话，对于在重置过程中出现了的卡在100%不动没反应的情况，很多小伙伴不知道应该怎么解决。那么小编觉得可能是因为我们电脑在重置完毕之后还有一些文件需要编译，一般重置系统都在3-4小时，耐心等待即可。详细步骤就来看下小编是怎么说的吧~win10重置卡在100%不动没反应怎么办方法一：1.在一直卡住的你好界面直接按下电源按钮关机2.或按重启按钮重启，在开机Iogo出现时按ctrl+shift+f33.跳过安装设置就可以进入了，绝大几率可以进入，但
