首页vns威尼斯城官网登入 › 而disabled对于所有的表单元素都有效vns威尼斯城官网登入:,但是表单元素在使用了disabled后

而disabled对于所有的表单元素都有效vns威尼斯城官网登入:,但是表单元素在使用了disabled后

怎用jquery动态改变输入框的readonly属性?

$('input[name=username]').attr("readonly","readonly")//将input元素设置为readonly
$('input[name=username]').removeAttr("readonly");//去除input元素的readonly属性
 

分享下jquery设置元素readonly与disabled属性的方法,设置元素的显示与隐藏,元素的只读...

使用jQuery设置disabled属性与移除disabled属性,jquerydisabled

表单中readOnly和disabled的区别:

Readonly只针对input(text/
password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio,
checkbox, button等。

但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是submitbutton却是可以使用的)。

js操作:

复制代码 代码如下:

function disableElement(element,val){

document.getElementById(element).disabled=val;

}

jQuery进行操作:

复制代码 代码如下:

//两种方法设置disabled属性
$('#areaSelect').attr("disabled",true);
$('#areaSelect').attr("disabled","disabled");

//三种方法移除disabled属性
$('#areaSelect').attr("disabled",false);
$('#areaSelect').removeAttr("disabled");
$('#areaSelect').attr("disabled","");

获取s:textfield,并设置其disabled属性:

复制代码 代码如下:

functiondisableTextfieldofAccountDiv(element,val) {

$(element).find(":textfield").attr('disabled',val);
}

复制代码 代码如下:

 

代码示例:

怎用Javascript代码控制input标签的readonly或disabled属性

很简单啊。
<input type="text" id="test1" value=""/>
js
document.getElementById("test1").readOnly="readonly";只读

document.getElementById("test1").readOnly="";可读

document.getElementById("test1").disabled="disabled";失效
document.getElementById("test1").disabled="";有效
 

jquery 设置checkebox disabled 为何不好用

你好!!

这个disabled属性,放上去就为禁用··

你说的不好用,具体是怎么个不好用?

jQuery对于类似disabled
checked这样的属性,可以使用prop()函数,对其进行控制。
比如:$("input[name='role0121']").prop("disabled",true);

对于这个disabled属性,确实拼字符串的方式,不可以控制它的开启和关闭··
开启disabled属性 <input type="checkbox" disabled="disabled" />
关闭disabled属性,必须删除disabled 即<input type="checkbox" />
 

表单中readOnly和disabled的区别: Readonly只针对input(text/
password)和textarea有效,而disab...

document.getElementById(element).disabled=val;

于是试着disable的属性,用同样的方法设置是有效的.document.getElementById('input').disabled=disabled;
于是感觉很奇怪.因为在dreamweaver中输入框这两个属性都是这样设置的.而且readonly只要存在于input框就有效,后来忽然发现,当然输入readonly时用代码提示自动完成后的结果是
readonly="readonly" ,而disabled却是disabled="disabled".

<input id="cb1" type="checkbox" checked />
<input id="cb2" type="checkbox" checked="checked" />

jquery设置元素readonly与disabled属性的方法,jqueryreadonly

分享下jquery设置元素readonly与disabled属性的方法,设置元素的显示与隐藏,元素的只读属性。

以下内容转自: 略作修改与补充。

Jquery的api中提供了对元素应用disabled和readonly属性的方法:

1,设置readonly属性

$('input').attr("readonly","readonly")//将input元素设置为readonly
$('input').removeAttr("readonly");//去除input元素的readonly属性
if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性

对于为元素设置readonly属性和取消readonly属性的方法还有如下两种:
$('input').attr("readonly",true)//将input元素设置为readonly
$('input').attr("readonly",false)//去除input元素的readonly属性

$('input').attr("readonly","readonly")//将input元素设置为readonly
$('input').attr("readonly","")//去除input元素的readonly属性

2,设置disabled属性

$('input').attr("disabled","disabled")//将input元素设置为disabled
$('input').removeAttr("disabled");//去除input元素的disabled属性

if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性

对于为元素设置disabled属性和取消disabled属性的方法还有如下两种:
$('input').attr("disabled",true)//将input元素设置为disabled
$('input').attr("disabled",false)//去除input元素的disabled属性

$('input').attr("disabled","disabled")//将input元素设置为disabled
$('input').attr("disabled","")//去除input元素的disabled属性

参考链接:

  • jquery设置元素readonly与disabled属性
  • jquery设置元素的readonly和disabled属性

第二部分,jquery操作disabled属性的三种方法。

第一种:改变disabled的boolean状态:

$("button:eq(2)").click(function(){ 
var text2=$("input:text:eq(2)"); 
if(text2.attr("disabled")==false){ 
//通过设置disabled的boolean属性将第三个text输入框disabled属性置为true 
text2.attr("disabled",true); 
}else{ 
//通过将第三个text输入框disabled属性置为false来移除disabled属性 
text2.attr("disabled",false); 
} 
});

 

第二种:移除disabled属性:

$("button:eq(1)").click(function(){ 
var text2=$("input:text:eq(1)"); 
if(text2.attr("disabled")==false){ 
//通过设置disabled的值将第二个text输入框置为disabled 
text2.attr("disabled","disabled"); 
}else{ 
//通过移除的方式将第二个text输入框的disable属性删除 
text2.removeAttr("disabled"); 
} 
});

 

第三种:改变disabled的值

$("button:eq(0)").click(function(){ 
var text1=$("input:text:eq(0)"); 
if(text1.attr("disabled")==""){ 
// 或者text1.attr("disabled")==false 
//通过设置disabled的值将第一个text输入框置为disabled 
text1.attr("disabled","disabled"); 
}else{ 
//通过覆盖的方式将第一个text输入框中的disabled属性清除掉 
text1.attr("disabled",""); 
} 
});

有时间的话,再研究下jquery设置元素readonly和disabled(checkbox只读)的方法。

jquery 为何设置checkbox disabled的属性没用

attr('disabled', 'disabled');
removeAttr('disabled');
 

//两种方法设置disabled属性
$('#areaSelect').attr("disabled",true);
$('#areaSelect').attr("disabled","disabled");

今天在开发中准备通过javascript设置input框只读属性的时候,用document.getElementById('input').readonly='readonly';结果发现这样设置无效.

  • readonly与disabled有什么区别
  • JQuery设置input属性(disabled、enabled)
  • jquery设置元素readonly和disabled(checkbox只读)
  • 使用disabled与readonly将input设置为只读
  • jquery设置元素readonly与disabled属性
  • jquery设置元素的readonly和disabled属性
  • 有关disabled、display、visible的区别

$(element).find(":textfield").attr('disabled',val);
}

有两种方式可以实现input的只读效果:disabled 和 readonly。
自然两种出来的效果都是只能读取不能编辑,可是两者有很大不同。
Disabled说明该input无效,及其value不会传递给任何程序,比如asp、php等。
Readonly仅仅是无法编辑,不影响其值的传递。
Disabled使用:<INPUT type=”text” name=”username” value=”james”disabled>
Readonly使用:<INPUT type=”text” name=”partNumber” value=”1500″ readonly>
 
 
 
<input id="RaOne" type="radio" value="1" name="exce" >
<input type=button value="Disabled" onclick="RaOneonClick()">
<script>
function RaOneonClick(){
 if(RaOne.disabled)
  RaOne.disabled=false;
 else
  RaOne.disabled=true;
}
</script>

jquery的checked与disabled操作方法。
在jquery中checked与disabled属性的操作方法基本相同。
例如:
 

转载本站文章请注明出处:vns威尼斯城官网登入 http://www.tiec-ccpittj.com/?p=1515

上一篇:

下一篇:

相关文章