首页 信息技术正文

复选框与文本框联动

MrDuan 信息技术 2007-04-25 2964 0

小问题:复选框与文本框联动

楼主zuixin(醉心)2006-01-12 19:21:28 在 Web 开发 / JavaScript 提问

一共两行,各自独立,每行一个复选框和一个文本框(文本框默认为disable)。当选中复选框时对应的文本框才可以写入文本,当撤销复选框的选择时,文本框清空并且   变成disable.  
   
  请问大家,如何用代码实现? 问题点数:20、回复次数:5Top

1 楼jouwei(九维)回复于 2006-01-12 20:19:04 得分 5

<INPUT   TYPE=checkbox   ID=chk1   onclick="choosebox(this)">  
  <INPUT   TYPE=text   VALUE=""   NAME="textbox"   SIZE=15   disable>  
  <script>  
  function   choosebox(echk)  
  {  
  if(echk.checked)  
  {  
  echk.nextSibling.disable=false;  
  echk.nextSibling.focus();  
  }  
  else  
  {  
  echk.nextSibling.value="";  
  echk.nextSibling.disable=true;  
  }  
  }  
  </script>Top

2 楼zuixin(醉心)回复于 2006-01-12 21:02:03 得分 0

楼上的朋友,你的代码IE提示出错啊Top

3 楼liangjianshi(两件事)回复于 2006-01-13 09:45:48 得分 5

<INPUT   TYPE=checkbox     name=chk1   onclick="cho()">  
  <INPUT   TYPE=text   VALUE=""   NAME="a"   SIZE=15   disabled>  
  <script>  
  function   cho()  
  {  
  if(chk1.checked)  
  {  
  a.disabled=false;  
  a.focus();  
  }  
  else    
  {a.disabled=true;  
  }  
  }  
  </script>Top

4 楼liangjianshi(两件事)回复于 2006-01-13 09:54:36 得分 0

清空内容,esle后面加上   a.value="";Top

5 楼how9s(农民工)回复于 2006-01-13 10:18:35 得分 10

<html>  
  <head>  
  <title>   New   Document   </title>  
  <meta   name="Generator"   content="EditPlus">  
  </head>  
  <body>  
  <input   type="checkbox"   id="chk_1"   onClick="javascript:clickChk()"   /><input   type="text"   id="txt_1"   disabled="disabled"   />  
  <br   />  
  <input   type="checkbox"   id="chk_2"   onClick="javascript:clickChk()"   /><input   type="text"   id="txt_2"   disabled="disabled"   />  
   
  <script   language="javascript">  
  <!--  
  function   clickChk()   {  
          if   (!document.getElementById('chk_1').checked)   {  
                  document.getElementById('txt_1').value   =   '';  
          }  
          if   (!document.getElementById('chk_2').checked)   {  
                  document.getElementById('txt_2').value   =   '';  
          }  
          document.getElementById('txt_1').disabled   =   !document.getElementById('chk_1').checked;  
          document.getElementById('txt_2').disabled   =   !document.getElementById('chk_2').checked;  
  }  
  //-->  
  </script>  
  </body>  
  </html>  
摘自:http://www.51-design.cn/html/javascript/2006/09/13103.html

评论

«    2024年3月    »
123
45678910
11121314151617
18192021222324
25262728293031

控制面板

您好,欢迎到访网站!
  查看权限

文章归档