900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > jquery设置表单元素只读_jquery设置元素readonly和disabled(checkbox只读)

jquery设置表单元素只读_jquery设置元素readonly和disabled(checkbox只读)

时间:2020-11-17 10:33:05

相关推荐

jquery设置表单元素只读_jquery设置元素readonly和disabled(checkbox只读)

jqueryapi中提供了对元素应用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属性

3,关于checkbox的(checkbox看是否为一组是用name值相同来判断的)

因为checkbox本身并没有提供readonly方法,而用了disabled会变成灰色,所以找了俩个方法

方式一:

checkbox没有readOnly属性,如果使用disabled=“disabled”属性的话,会让checkbox变成灰色的,用户很反感这种样式可以这样让它保持只读:

设置:οnclick="return false"

js中:checkbox.οnclick=function(){return false;};

方式二:

代码示例:

$(function(){

$("input[type='checkbox']").click(

function(){

this.checked = !this.checked;

}

);

}

);

4,select设置只读

使用disabled吧,没有找到类似checkbox这种方案,取值只好用hidden了。

转:/a_14282

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。