用JS实现重置功能的方法是什么?
Admin 2022-01-19 群英技术资�
这篇文章给大家分享的是用JS实现重置功能的方法。对于重置的功能大家应该都不陌生,当网页填写的信息需要大量修改时,重置功能快速的重置页面,非常的方便。文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧�
本文操作环境: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>
以上就是用JS实现重置功能的方法介绍,上述示例具有一定的参考价值,有需要的朋友可以了解看看,希望对大家学习JavaScript有帮助,想要了解更多可以继续浏览群英网络其他相关的文章�
文本转载自PHP中文�
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容�
猜你喜欢
这篇文章给大家分享的是jQuery怎样对文本框字数限制的方法。一般的文本输入框都是有字数限制的,下文我们尝试用jQuery怎样计算输入字数及控制和限制字数,文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧�
这篇文章给大家分享一个jQuery相关示例,需求是判断点击了哪个li,这里使用到的方法index()方法,文中示例代码有一定的参考价值,感兴趣的朋友可以了解看看,下面我们一起来学习一下jQuery中判断点击哪个li的方法�
方法�1、利用var语句声明两个变量并赋值,语法为“var a=数�1;var b=数�2;”;2、利用�*”相乘运算符计算两个变量的乘积,语法为“var res=a*b;”;3、利用alert()方法将计算结果输出即可�
这篇文章给大家分享的是jQuery中实现增加tr行的方法。小编觉得挺实用的,因此分享给大家做个参考,文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧�
jQuery中有什么方法增加class的属性?对于jQuery中增加class的属性的方法,这里给大家介绍addClass()方法,这� jquery提供一个添加class类的方法,接下来我们那就来具体的了解看看,addClass()方法怎样实现增加class�
推荐内容
联系我们
24小时售后 � 24小时售后TEL�0668-2555666 售前咨询TEL�400-678-4567 投诉建议TEL�0668-2555999 投诉建议邮箱:t[email protected] 信息安全TEL�0668-2555118 域名空间客服 � 公司总机�0668-2555555 公司传真�0668-2555000Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所� 茂名市群英网络有限公�
增值电信经营许可证 : B1.B2-20140078