一个用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>

实现选择radio按钮后添加一个文本输入框的示例

实现选择radio按钮后添加一个文本输入框: onclick="document.getElementById('gmwp').style.display='';document.get...
  • windvally
  • windvally
  • 2016年03月16日 17:33
  • 1148

html实现radio按钮选中后显示输入框和提示

如果内心深处恐惧JS的话,以下是很简单实用的方法: onclick="document.getElementById('gmwp').style.display='';document.ge...
  • windvally
  • windvally
  • 2016年03月15日 20:22
  • 2486

jquery实现点击radio,当选中‘其它’时,显示后面输入框;否则隐藏

html代码: 选项一 选项二 其它 jquery代码: $(function(){ $(".same").click(function(){ ...
  • cangdu
  • cangdu
  • 2015年01月04日 00:06
  • 941

JS 获得 输入框 和 radio 的值

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

select、radio选中某一项后,自动弹出一个相应文本框供输入

1、select,弹出相应文本框说明:当select选中值改为else,其值为“-1”时,显示一个自定义的输入框,若要将自定义的项加入到select的数据项中,需在后台将自定义项存入对应的数据表中,这...
  • dby124
  • dby124
  • 2016年11月11日 22:15
  • 1347

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

#1 jqueryAjax的方式 通过jqueryAjax的方式将数据传递到后台,
  • gyqiang_it
  • gyqiang_it
  • 2014年07月21日 21:31
  • 2437

AngularJS 中,通过 radio来控制元素的显示和隐藏,以及控制表单元素的 disabled

代码如下 启用
  • talent1990
  • talent1990
  • 2015年09月01日 15:58
  • 2877

单选框radio控制div的显示和隐藏

通过鼠标单击单选框的动作,实现某个div或多个div的显示和隐藏。实例如下: function divClick(){ var show=""; ...
  • qq_27918787
  • qq_27918787
  • 2016年09月28日 17:05
  • 4315

js控制radio选中

经常会遇到js控制radio选中和切换的问题 之前一直使用的是checked属性来完成的 但是现在发现这个属性有个大问题 今天就是用js给选中radio的赋值,使用的$().attr("chec...
  • u014267351
  • u014267351
  • 2015年12月16日 21:43
  • 14285

asp.net中checkbox、radio后台控制disabled

checkbox和radio可以有两种使用的方法一种是使用runat=server变成服务器控件,这样可以再后台写一个方法,返回bool值控制disabled,例如 name="checkbox" /...
  • liyifei21
  • liyifei21
  • 2011年04月13日 20:13
  • 1719
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:一个用radio控制的输入框
举报原因:
原因补充:

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