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> 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章