jQuery修改text disable属性

最新推荐文章于 2021-06-04 09:42:18 发布
最新推荐文章于 2021-06-04 09:42:18 发布
阅读量913 收藏
点赞数
分类专栏： jQuery javascript 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mixturer/article/details/46501957
版权

设置text disabled属性为true，使用jQuery修改text属性时，不起作用，去掉引号就好了

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Insert title here</title>
<script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
<script type="text/javascript">
	function f1(){
<span style="white-space:pre">		</span>//错去写法<pre name="code" class="html"><span style="white-space:pre">		</span>$('#form1 input:disabled').attr('disabled','false');
$('#form1 input:disabled').attr('disabled',false);}function f2(){$('#form1 input:enabled').attr('disabled',true);}</script></head><body><form id="form1">username:<input name="username"/>name:<input name="name" disabled="true"/></form><input type="button" value="click" οnclick="f2()"/></body></html> 
 

 

 


                

        

        

    




    

      

        

            

              
                
                  mixturer
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
jquery 设置disabled与去掉disabled属性的方法

				
			

			

				

					程序员的笔记
				

				

					05-09
					
					5841
					
				

			

		

		

			
				
jquery 设置disabled与去掉disabled属性的方法如下:

//设置disabled属性的方法
$('#mytext').attr("disabled",true);
$('#mytext').attr("disabled","disabled");
//移除disabled属性的方法
$('#mytext').attr("disabled",false);
$('#myt...

			
		

	



                

              
                



	

		

			

				
					
jQuery中操控hidden、disable等无值属性的方法

				
			

			

				

					01-19
				

			

		

		

			
				
一般我们在实现一些表单提交页面时会放置若干隐藏属性 比如在修改某条记录时，在编辑窗口会嵌入该记录的id 在展示界面有时需要将input或select选框设为disable以避免用户修改 下列代码中的hidden在IE中不能正常作用  代码如下: <input name = “role_name” id = “role_name” value=”Roy” disabled> <input name = “role_id” id = “role_id” hidden value=”3312″>  标准写法应当有附加值  代码如下: <input name = “role_name” id = “r

			
		

	



                


  
              

                


	

		

			

				
					
html:text 设置 disabled 使表单得不到数据

				
			

			

				

					gym_1119
				

				

					12-19
					
					215
					
				

			

		

		

			
				


		

		 

 



    

        

            

            

            html:text 设置 disabled 使表单得不到数据。

            如果要想设置成不可写，又想要得到数据的话，可以通过加一个隐藏表单来实现。思路很简单。

            如：&lt;html:text property="g...

			
		

	





	

		

			

				
					
jquery的disabled

				
			

			

				

					sinolzeng的专栏
				

				

					09-22
					
					4069
					
				

			

		

		

			
				
在html标签中设置按钮被禁用，可以使用如下代码

			
		

	



		

			
		



	

		

			

				
					
text文本框设成disabled取不到值

				
			

			

				

					xia0zhuge
				

				

					05-31
					
					175
					
				

			

		

		

			
				
[code="html"]

	
	
	
	
[/code]

那么在
pr.jsp
[code="java"]

[/code]
中 输出的就是null
需要将 disabled 转换成 readonly，就可以取到值了
================
问题是小问题，不过了也花了点时间，呵呵，记录一下...

			
		

	





	

		

			

				
					
text的disabled和readonly的区别

				
			

			

				

					NJSun的专栏
				

				

					09-11
					
					275
					
				

			

		

		

			
				
input有两个属性，一个是disabled，一个是readonly，都可以让text进入无法输入的状态，只是disabled会让text的value也变成灰色的，而readonly则让value还是黑色的。。。。
 
readonly后仍然可以onclick，而disabled就直接让text挂了。。
 ...

			
		

	





	

		

			

				
					
text只读和禁用的区别

				
			

			

				

					Shiring-Spring
				

				

					06-21
					
					3006
					
				

			

		

		

			
				
disabled="true"令文本框不可用，变灰，而且传值传不过去readonly="true"令文本框不可编辑，但是不变灰，而且可以传值过去 编号: 编号: 

			
		

	





	

		

			

				
					
用jQuery解决IE不支持的option disable属性

				
			

			

				

					10-29
				

			

		

		

			
				
使用jQuery解决IE不支持的option disable属性

			
		

	





	

		

			

				
					
用jquery设置按钮的disabled属性的实现代码

				
			

			

				

					12-09
				

			

		

		

			
				
 在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#...

			
		

	





	

		

			

				
					
HTML5的disabled属性

				
			

			

				

					WinstonLau的博客
				

				

					03-11
					
					3191
					
				

			

		

		

			
				
注意
下面所有的 input 标签都是不允许输入的
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Disabled测试&lt;/title&gt;
&lt;/head&gt;
&lt

			
		

	





	

		

			

				
					
text 标签 可输入控制 disabled 和 readonly 的区别

				
			

			

				

					像阳光一样
				

				

					07-21
					
					218
					
				

			

		

		

			
				
[color=red]以下纯属个人见解。。等等等等。。。。[/color]

   
    
    


			
		

	





	

		

			

				
					
html的disabled属性

				
			

			

				

					weixin_38674371的博客
				

				

					11-14
					
					7752
					
				

			

		

		

			
				
由于我操作在同一个dialog弹出层里，每次弹出页面都会通过ajax获取数据，然后根据数据特性来判断input的禁用或使用，由于使同一个页面，html属性会残留在页面上。之后网上的一些回答迷惑了我，让我以为disabled="true" 或disabled="disabled"表示禁用，disabled="false" 表示可使用。其实浏览器只要发现元素中有diasbled属性，不管属性值是什么，都

			
		

	





	

		

			

				
					
readonly 与 disabled的区别

				
			

			

				

					qq_33358062的博客
				

				

					09-13
					
					478
					
				

			

		

		

			
				
1，readonly 控件只读，可以传值到后台，input输入框可聚焦

		
			
		


2,disabled 控件被禁用，只读，不会将此值传到后台，input输入框不聚焦

		
			
		




3，关于设置与移除disabled属性
//两种方法设置disabled属性
$('#areaSelect').attr("disabled",true);
$(

			
		

	





	

		

			

				
					
jQuery和HTML对某个标签设置只读（readonly）或者禁用（disabled）属性

					
热门推荐

				
			

			

				

					上善若泪
				

				

					09-06
					
					6万+
					
				

			

		

		

			
				
目录

1 jQuery中只读和禁用

1.1 jquery 设置readonly属性

1.2 jquery 设置disabled属性

1.3 jquery动态添加文本框的readonly只读属性

2 HTML中只读和禁用



1 jQuery中只读和禁用

1.1 jquery 设置readonly属性


$('input').attr("readonly","readonly")//将input元素设置为readonly
$('input').removeAttr("readonly");//

			
		

	





	

		

			

				
					
jquery设置input disabled属性的示例

				
			

			

				

					u013029858的博客
				

				

					10-14
					
					1万+
					
				

			

		

		

			
				
如何将设置disabled属性为true，即为不可用状态，分别用js、jquery与html实现。

例子：
 




 代码如下

复制代码




//JS
document.getElementByIdx("btn").disabled=true;

//jquery

$("#btn").attr("disabled", true);
//htm

			
		

	





	

		

			

				
					
jQuery的disabled属性设置的三种方法

				
			

			

				

					羽裳醉月的博客
				

				

					06-04
					
					8582
					
				

			

		

		

			
				
$(document).ready(function () {
	// 1．移除disabled属性
	$("input[id='txtInput_1']").Attr("disabled", "disabled");
	$("input[id='txtInput_1']").removeAttr("disabled");

	// 2．改变disabled的boolean值
	$("input[id='txtInput_2']").Attr("disabled", true);
	$("input[id=

			
		

	





	

		

			

				
					
jQuery设置disabled属性与移除disabled属性

				
			

			

				

					记忆、深处
				

				

					12-03
					
					6667
					
				

			

		

		

			
				
话不多说直接上代码！
//两种方法设置disabled属性
$('#areaSelect').attr(&amp;quot;disabled&amp;quot;,true);
$('#areaSelect').attr(&amp;quot;disabled&amp;quot;,&amp;quot;disabled&amp;quot;);

//三种方法移除disabled属性
$('#areaSelect').attr(&amp;quot;

			
		

	





	

		

			

				
					
js控制input的disable属性

					
最新发布

				
			

			

				

					03-16
				

			

		

		

			
				
可以使用JavaScript来控制input元素的disable属性。具体方法如下：  1. 获取input元素的引用，可以使用document.getElementById()或document.querySelector()等方法。  2. 使用元素的disabled属性来设置或取消禁用...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值