一个用radio控制的输入框

第一种方法:

<html>
 <script language="javascript">
  function changeType()
  {
    if(document.all.radio[0].checked){
     document.all.text2.style.display='none';
     document.all.text1.style.display='';
    }
    if(document.all.radio[1].checked){
     document.all.text1.style.display="none";
     document.all.text2.style.display='';
    }
  }
 </script>
<body>
<input type="radio" name="radio" onFocus="changeType()" checked>
<input type="radio" name="radio" onFocus="changeType()"><br>
<input type="text" name="text1" value="text1">
<input type="text" name="text2" value="text2" style="display:none">
</body>
</html>

第二种方法

<script language="javascript">
function show1()
      {
        document.all.Display1.style.display='';
        document.all.Display2.style.display='none';
        //return;
      }

  function show2()
      {
        document.all.Display1.style.display='none';
        document.all.Display2.style.display='';
        //return;
      }
</script>
   <tr>
     <td height="20"></td>
  <td colspan="2" align="right"><input type="radio" id="RegistType1" name="UserType" value="" onFocus="show1();" checked>XXX</td>
  <td align="left"><input type="radio" id="RegistType2" name="UserType" value="" onFocus="show2();">XXX</td>
  <td></td>
   </tr>
   <tr>
     <td height="20"></td>
     <td colspan="3">
     <span id="Display1" name="Display1" style="display:''">
   <table width="100%">
        <tr>
          <td height="15"></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td height="11"></td>
          <td></td>
          <td></td>
        </tr>
       <tr>
         <td></td>
         <td align="right">XXX:<input type="text" name="" width="150"></td>
         <td></td>
       </tr>
   </table>
      </span>
      <span id="Display2" name="Display2" style="display:none">
   <table width="100%">
        <tr>
          <td></td>
          <td align="right">XXX:<input type="text" name="" width="150"></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td align="right">XXX: <input type="text" name="" width="150"></td>
          <td></td>
        </tr>
   </table>
      </span>

阅读更多
个人分类: javaScript
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

一个用radio控制的输入框

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭