一个用radio控制的输入框

原创 2005年04月25日 20:43:00

第一种方法:

<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>

JS 获得 输入框 和 radio 的值

JS 获得 输入框 和 radio 的值 这几天遇到很蛋疼的事情。 有一个链接,要用到输入框输入的数据,和 radio 选中的值,作为参数。 但是,一直不知道怎么弄这个,查了一些资料,算是解决了...
  • heartlc
  • heartlc
  • 2011年08月22日 17:08
  • 1898

将输入框,下拉列表,radio的数据传递到后台的2种方式

#1 jqueryAjax的方式 通过jqueryAjax的方式将数据传递到后台,

一个 输入框 提示 插件

  • 2010年06月26日 10:27
  • 19KB
  • 下载

react入门——实现一个输入框组件

React组件化开发初试 按照官方文档和例程博客,实现了一个简单的输入框组件。 如果想了解官方案例,请参考深入理解 React 总结一下,一个简单的React.js应用应按照以下步骤构建: ...

一个简单的账号密码输入框

这 是 邮 箱 登 录 界 面 , 默 认 状 态 下 , 邮 箱 地 址 文 本 框 和 邮 箱 密 码 框 内 分 别 有 “ 请 输 入 邮 箱 地 址 ” 和 “ 请 输 入 邮 箱 ...
  • sky2714
  • sky2714
  • 2016年06月25日 16:20
  • 778

一个漂亮文本输入框.rar

  • 2009年12月12日 00:54
  • 54KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一个用radio控制的输入框
举报原因:
原因补充:

(最多只允许输入30个字)