<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>测试</title>
<script src="Script/js/jquery-1.9.1.min.js"></script>
</head>
<body>
<div id="box">
<div id="sessionData" class="showOrHidden">
111
</div>
<div id="presidiumData" class="showOrHidden" hidden>
222
</div>
<div id="hostsData" class="showOrHidden" hidden>
333
</div>
<div class="mui-button-row">
<button id="lastStep" class="mui-btn mui-btn-primary" type="button" onclick="lastStepFunc('#box');">上一步</button>
<button id="NextStep" class="mui-btn mui-btn-primary" type="button" onclick="nextStep('#box');">下一步</button>
<button id="" class="mui-btn mui-btn-primary" type="button" onclick="postFunc()">提交</button>
</div>
</div>
<script>
function lastStepFunc(id) {
var divLen = $(id).find(".showOrHidden").length;
var Thisdiv = 0;
for (var i = 0; i < divLen; i++) { if ($(id).find(".showOrHidden").eq(i).css("display") != "none") { Thisdiv = i; }; };
if (Thisdiv != 0) { $(id).find(".showOrHidden").hide().eq(Thisdiv - 1).show(); };
}
function nextStep(id) {
var divLen = $(id).find(".showOrHidden").length;
var Thisdiv = 0;
for (var i = 0; i < divLen; i++) { if ($(id).find(".showOrHidden").eq(i).css("display") != "none") { Thisdiv = i; }; };
if (Thisdiv < divLen - 1) { $(id).find(".showOrHidden").hide().eq(Thisdiv + 1).show(); };
}
</script>
</body>
</html>
Jquery 上一步、下一步
猜你喜欢
转载自www.cnblogs.com/kikyoqiang/p/11006352.html
今日推荐
周排行