radio选择控制input输入

简介:

自己写的,很简单(兼容各浏览器):

 第一个(经测试,不好,如果加上form标签就不兼容ie6了)..

 
  1. <script> 
  2. function xian_hidden(){ 
  3.     if (name01.disabled==false){  
  4.         name01.disabled=true
  5.  
  6.     } 
  7. function xian_hidden01(){ 
  8.     if (name01.disabled==true){  
  9.         name01.disabled=false
  10.  
  11.     } 
  12. </script> 
  13. <input type="radio" name="d" onClick="xian_hidden()" checked /> <br />
  14. <input type="radio" name="d" onClick="xian_hidden01()" /> 
  15. <input type="text" name="title" id="name01" disabled='false' /> 

 

第二个:ok 兼容个浏览器(奇怪了,传到服务器,火狐又不行了

 

 
  1. <form> 
  2. <input type="radio" name="rdo" value="1" />
  3. <input type="radio" name="rdo" value="2" />
  4. <input type="radio" name="rdo" value="3" />
  5. <input type="radio" name="rdo" value="0" onpropertychange="test(this,0);" />其他   
  6. <input type="text" id="txt" disabled="disabled" value="其他" /> 
  7. </form> 
  8. <script type="text/javascript"> 
  9. <!-- 
  10. function test(obj,value){ 
  11.  document.getElementById("txt").disabled = !obj.checked; 
  12. }; 
  13. //--> 
  14. </script> 

 

算了干脆自己写个:okok的

 

 
  1. <script> 
  2.     <!-- 
  3.     function xian_hidden(){  
  4.         if (document.getElementById('name01').disabled==false){   
  5.             document.getElementById('name01').disabled =true
  6.         } 
  7.     }  
  8.     function xian_hidden01(){  
  9.         if (document.getElementById('name01').disabled==true){   
  10.             document.getElementById('name01').disabled =false
  11.         } 
  12.     } 
  13.     //--> 
  14. </script> 
  15. <form> 
  16.     <input type="radio" name="d" onClick="xian_hidden()" checked /> 
  17.     <input type="radio" name="d" onClick="xian_hidden01()" />  
  18.     <input type="text" name="title" id="name01" disabled="false" /> 
  19. </form> 

 


      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/939539,如需转载请自行联系原作者






相关文章
|
3月前
|
JavaScript 前端开发
input 输入 限制 大全
input 输入 限制 大全
112 0
|
3月前
|
Web App开发 前端开发 iOS开发
input中typedate的属性都有那些
input中typedate的属性都有那些
|
8月前
Input 标签监听内容输入(change、input 事件区别)
Input 标签监听内容输入(change、input 事件区别)
64 0
|
9月前
input中placeholder的鼠标操作事件
input中placeholder的鼠标操作事件
41 0
|
5月前
el-input输入值无法在输入框显示
el-input输入值无法在输入框显示
|
5月前
input输入框
input输入框
|
7月前
|
语音技术
解决input中输入中文过程中会触发input事件的问题
解决input中输入中文过程中会触发input事件的问题
66 0
|
9月前
|
JavaScript 前端开发 数据安全/隐私保护
input的23种属性
input的23种属性