Jquery设置.net表单可见=true和false
本文关键字:true false 设置 net 表单 Jquery | 更新日期: 2023-09-27 18:10:23
我有一个选项卡登录页面,我想在每个选项卡上托管一个表单,但从它们背后的代码是在一个页面上。
这意味着有两种形式。
的例子:
<nav id="secondary">
<ul>
<li id="current"><a href="#login">Login</a></li>
<li><a href="#forgot">Forgot Password</a></li>
</ul>
</nav>
<div id="login" class="tab">
<br /><br />
<form runat="server" visible="true" class="frmControl">
</form>
</div>
<div id="forgot" class="tab">
<br /><br />
<form runat="server" visible="false" class="frmControl"></form>
</div>
然后我用下面的jquery在logindiv和forgotdiv
之间切换$(".tab").hide();
if ($("nav#secondary ul li.current").length < 1) {
$("nav#secondary ul li:first-child").addClass("current");
}
var link = $("nav#secondary ul li.current a").attr("href");
$(link).show();
$("nav#secondary ul li a").click(function () {
if (!$(this).hasClass("current")) {
$("nav#secondary ul li").removeClass("current");
$(this).parent().addClass("current");
$(".tab").hide();
$(".frmControl").attr("Visible", "false");
var link = $(this).attr("href");
$(this).attr("Visible", "true");
$(link).show();
initBackground();
}
return false;
});
它不能正常工作,因为它只是将'. frmcontrol '类设置为可见=false。但是当我重新激活选项卡时,它不会将活动tab表单设置为true,而将非活动tab表单设置为false。
对不起,如果我没有解释正确。
rd
您不想设置$(".frmControl").attr("Visible", "false");
,因为您已经使用$(".tab").hide();
隐藏了选项卡
$(".tab").hide();
if ($("nav#secondary ul li.current").length < 1) {
$("nav#secondary ul li:first-child").addClass("current");
}
var link = $("nav#secondary ul li.current a").attr("href");
$(link).show();
$("nav#secondary ul li a").click(function () {
if (!$(this).hasClass("current")) {
$("nav#secondary ul li").removeClass("current");
$(this).parent().addClass("current");
$(".tab").hide();
// $(".frmControl").attr("Visible", "false");// remove this line
var link = $(this).attr("href");
$(this).attr("Visible", "true");
$(link).show();
initBackground();
}
return false;
});
下面是工作示例http://jsfiddle.net/VGRZS/