分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

js 上一步 下一步 ?操作

发布时间:2023-09-06 02:22责任编辑:熊小新关键词:js
<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 上一步 下一步 ?操作

原文地址:https://www.cnblogs.com/hfultrastrong/p/9946967.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved