jquery设置元素readonly和disabled(checkbox只读)
本文导语: Jquery api中提供了对元素应用disabled和readonly属性的方法： 1，readonly 代码示例: $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性 if($('input').attr("readonly")=...
Jquery api中提供了对元素应用disabled和readonly属性的方法：
1，readonly
$('input').removeAttr("readonly");//去除input元素的readonly属性
if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性
对于为元素设置readonly属性和取消readonly属性的方法还有如下两种：
$('input').attr("readonly",false)//去除input元素的readonly属性
$('input').attr("readonly","readonly")//将input元素设置为readonly
$('input').attr("readonly","")//去除input元素的readonly属性
2，disabled
$('input').removeAttr("disabled");//去除input元素的disabled属性
if($('input').attr("disabled")==true)//判断input元素是否已经设置了disabled属性
对于为元素设置disabled属性和取消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变成灰色的，用户很反感这种样式可以这样让它保持只读：
设置：onclick="return false"
js中：checkbox.onclick=function(){return false;};
方式二：
$(function(){
$("input[type='checkbox']").click(
function(){
this.checked = !this.checked;
}
);
}
);
4，select设置只读
使用disabled吧，没有找到类似checkbox这种方案，取值只好用hidden了。
您可能感兴趣的文章:
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。