<a id="syb" href="#" style="display: block;" class="btn button-primary">上一步</a>
<a id="syt" href="#" style="display: none" class="btn button-primary">上一题</a>
<a id="xyt" href="#" style="display: none" class="btn button-primary">下一题</a>
<a id="formbtn" href="#" style="display: none" class="btn button-primary">保存</a><script>$(function() {// wtblock_{*} 待显示div class属性 {*} 表示序号,默认从1开始var wtList = $(".wtList").length; // 记录总个数for(var i = 1; i <= wtList + 1; i++) {$(".sz_" + i).text(i + "、");}var wtindex = 1;if(wtindex === 1) {$("#syt").hide();$("#formbtn").hide();}$(".wtblock_1").show();$("#xyt").show();$("#xyt").click(function() {++wtindex;if(wtindex === wtList) {$("#formbtn").show();$("#xyt").hide();} else {$("#syt").show();}$(".wtblock_" + (wtindex - 1)).hide();$(".wtblock_" + wtindex).show();$("#syb").hide();});$("#syt").click(function() {--wtindex;if((wtindex + 1) === wtList) {$("#formbtn").hide();$("#xyt").show();}if(wtindex === 1) {$("#syb").show();$("#syt").hide();}$(".wtblock_" + (wtindex + 1)).hide();$(".wtblock_" + (wtindex)).show();});$("#formbtn").click(function() {var abc = $("#formdata").serializeArray();console.log(abc);});})
</script>

  

js 上一步 下一步 操作相关推荐

  1. jq步骤条 java_JQuery实现步骤条效果(上一步,下一步)

    之前做出的步骤条是利用easyui +jquery实现的,但是他在隐藏板块的时候用到的是display:none,这会使我在板块中加载的js失效,所以换了一种方式,用Position.把元素脱离文档流 ...

  2. vue element上一步下一步跳转

    注:vue2.0 项目 该效果引用element-ui的步骤条,引用之前确保个人项目已安装Element 安装命令:npm install element-ui 然后在main.js中引入: 确保安装 ...

  3. steps步骤条+上一步+下一步

    步骤条在第一步提现申请的时候,只显示下一步.在第二步提现确认的时候,显示上一步和下一步.第三步完成提现的时候显示确认按钮. <span :class="{active:prevStep ...

  4. idea上一步下一步快捷键_【MySQL】一步一步的教你在windows下安装MySQL5.7

    作者:choxsu来源:https://choxsu.cn/article/50 安装之前 MySQL数据库在日常使用是非常的频繁的,不管是线上还是线下.下面我就分享出我安装MySQL5.7的一步一脚 ...

  5. idea上一步下一步快捷键_领航者的一步,左右行业的下一步!双11海尔洗衣机再夺冠的思考...

    撰文/蓝科技 一个行业的发展,离不开带头企业的探索和推动.在洗衣机领域,海尔智家是那个左右着行业下一步发展方向的那个品牌. 今年双11,海尔洗衣机首日以四大电商平台销额增幅223%,直驱系列同比3倍速 ...

  6. 上一步,下一步(撤销和恢复)

    var data = {}; data.count = 0; data.list = []; function regain () {     function handleSaveCss() { / ...

  7. excel重复上一步快捷键_初学Excel办公软件重复上次的操作

    今天我们学习Excel办公软件重复上次的操作,我们无论在表格当中上一步的操作是填充颜色,还是表格制作,还是文字的输入,等等,我们都可以根据上一步的操作来进行重复操作. 表格当中,我给一号这排设置了颜色 ...

  8. vi 撤销上一步操作

    在vi中按u可以撤销一次操作 u   撤销上一步的操作       Ctrl+r 恢复上一步被撤销的操作

  9. IDEA 返回上一步,回到下一步 冲突 快捷键设置

    idea 本身的上一步下一步快捷键和其他软件有冲突,所以改下上一步下一步的快捷键 原来的快捷键,如果没有冲突可以直接用啦 回到上一步 Ctrl + Alt+ <-(左箭头) 回到下一步 Ctrl ...

最新文章

  1. 视频技术详解:语音编解码技术演进和应用选型
  2. 网络通信基础(草稿)
  3. LeetCode LCP 34. 二叉树染色(树上DP)
  4. 数据结构之交换排序:快速排序
  5. Unity计划放弃支持部分图形特性
  6. android 热门开源库,GitHub安卓热门开源资源在项目中的使用及项目总结
  7. 微课|玩转Python轻松过二级:第3章课后习题解答3
  8. java中子类与父类强制转换_java中父类强制转换成子类的错觉
  9. 基于 Bootstrp 构建简洁的登录框并实现记住我功能
  10. 自动的自动化:EvoSuite 自动生成JUnit的测试用例
  11. redis事务冲突问题 - 乐观锁和悲观锁
  12. tar压缩及解压命令
  13. Atitit 避税之道 如何降低企业与项目组成本 attilax总结
  14. Android开发实战使用(VR技术实现360°全景视频播放功能)
  15. java md5,md2,md4 加密算法
  16. C++ 浪漫烟花表白程序520表白 情人节表白 七夕节表白 有烟花爆炸音效 包含程序所需要的背景音乐和图片素材 并且文中附带有完整代码 附带安装程序 可用于520表白 情人节表白 七夕节表白
  17. 智能车竞赛技术报告-单车赛题组-同济大学
  18. 通过ajax获取对象后动态插入文本框
  19. tp房产源码tpfangchan-fangcms-tphouse火车头采集软件方法
  20. 既然选择了编程,只管风雨兼程

热门文章

  1. ECharts使用心得总结
  2. 通讯网优怎么装测试软件,网优测试软件.doc
  3. 首只互联网大数据基因指数发布
  4. win8计算机刻录功能吗,系统之家详解自带功能刻录Win8.1 32位系统盘
  5. STM32 通用输入输出端口GPIO BRR、BSRR、ODR寄存器详解
  6. Unity3D 布料系统 And Cloth Constraint 及 Mesh双面渲染
  7. 语音教室的厂家有哪些-哪个比较好?
  8. 如何为 Ubuntu 扩容(添加新的硬盘空间)?
  9. ECharts关系图(详细示例——满满的注释)
  10. 关于随机输出数组中所有元素的三种算法