Js切换功能的简单方法

我估计很多正在学习css，js的朋友们也有这样的经历，刚在做这个js切换的时候，我想到了一个好的方法，马上给大家分享一下，希望你们能把它拿走

复制代码 代码如下:

function changeDiv(index)
{
for(var i=0;i<=5;i++)
{
if(i == index)
document.getElementById('dv_'+i).className="txt1";
else
document.getElementById('dv_'+i).className="txt2";
}
}

可样子大家可能看的不是很清楚，这样 吧，我把html也贴出来了，大家就看看吧，

复制代码 代码如下:

<table cellpadding="0" cellspacing="5" bgcolor="#FEFDF8">
<tr>
<td>会员注册</td>
</tr>
<tr>
<td valign="top" bgcolor="#FEFDF8">
<table><tr><td></td></tr></table>
<table cellpadding="0" cellspacing="10">
<tr>
<td>会员名:</td>
<td><asp:TextBox CssClass="txt" onfocus="changeDiv(0)" onblur="cheaked();check_callback()" runat="server"/><div></div></td>
<td><div>5-20个字符(包括小写字母、数字、下划线、中文)</div></td>
</tr>
<tr>
<td>密码:</td>
<td><asp:TextBox TextMode="Password" CssClass="txt" onfocus="changeDiv(1)" runat="server"/></td>
<td><div>请使用英文字母加数字或符号的组合密码</div></td>
</tr>
<tr>
<td>确认密码:</td>
<td><asp:TextBox TextMode="Password" CssClass="txt" onfocus="changeDiv(2)" runat="server"/></td>
<td><div>请重新输入密码</div></td>
</tr>
<tr>
<td>电子邮箱:</td>
<td><asp:TextBox CssClass="txt" onfocus="changeDiv(3)" runat="server"/></td>
<td><div>请输入常用电子邮箱</div></td>
</tr>
<tr>
<td>QQ/电话:</td>
<td><asp:TextBox CssClass="txt" onfocus="changeDiv(4)" runat="server"/></td>
<td><div>请填写您的QQ/电话号</div></td>
</tr>
<tr>
<td>验证码:</td>
<td><asp:TextBox CssClass="txt" onfocus="changeDiv(5)" runat="server"/><img src="https://www.jb51.net/tools/verifyimage.aspx" title="点击刷新验证码" /><div runat=server></div></td>
<td><div>请输入验证码</div></td>
</tr>
<tr>
<td colspan="2"><INPUT type="checkbox">
<A href="#">我已阅读并同意会员条款</A></td>
<td valign="bottom"><asp:Button runat="server" onclientclick="return vipRegister()" Text="会员注册"/></td>
</tr>
</table></td>
</tr>
</table>

您可能感兴趣的文章: