radio的简单应用

 <script type="text/javascript" >
    function dj(sid){          
           if (sid=="0") {
               document.all.phone.style.display = "block";
               document.all.bank.style.display = "none";
               document.all.bank2.style.display = "none";
           }
           else if (sid == "1"){
               document.all.phone.style.display = "none";
               document.all.bank.style.display = "block";
               document.all.bank2.style.display = "block";
           }
           else {
               document.all.phone.style.display = "none";
               document.all.bank.style.display = "none";
               document.all.bank2.style.display = "none";
           }        
         } 
        </script>

 

<form id="form1" runat="server">
   
       <div>
           <table cellpadding="2px" cellspacing="2px;" style="width:500px; font-size:15px;">
          <tr><td style="text-align:right ;">用户名：</td><td><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td></tr>
          <tr><td style="text-align:right ;">密码：</td><td><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td></tr>
          <tr><td style="text-align:right ;">密保问题：</td><td><asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></td></tr>
          <tr><td style="text-align:right ;">密保答案：</td><td><asp:TextBox ID="TextBox4" runat="server"></asp:TextBox></td></tr>
          <tr><td style="text-align:right ;">手机号码：</td><td><asp:TextBox ID="TextBox5" runat="server"></asp:TextBox></td></tr>
          <tr><td style="text-align:right ;">真实姓名：</td><td><asp:TextBox ID="TextBox7" runat="server"></asp:TextBox></td></tr>
          <tr><td style="text-align:right ;">返现方式：</td><td>
            <input   type= "radio" name= "checkit" value= "0" onclick="dj(this.value);" />话费
            <input type= "radio" name= "checkit " value= "1"  onclick="dj(this.value);" />银行转账
            <input type= "radio" name= "checkit" value= "2" checked="checked" onclick="dj(this.value);" />现金
          </td></tr>        
              <tr id="bank" style="display:none"><td style="text-align:right ;">开户银行：</td><td><asp:TextBox ID="TextBox9" runat="server"></asp:TextBox></td></tr>
              <tr id="bank2" style="display:none;"><td style="text-align:right ;">银行卡号：</td><td><asp:TextBox ID="TextBox8" runat="server"></asp:TextBox></td></tr>            
              <tr  id="phone" style="display:none;"><td style="text-align:right ;">手机号码：</td><td><asp:TextBox ID="TextBox6" runat="server"></asp:TextBox></td></tr>
                     
             
               <tr><td colspan="2" style="text-align:center ;">
                   <asp:Button ID="Button1" runat="server" Text="更新资料" /></td></tr>
          </table>
       </div>
 
    </form>