javascript – 通过应用自定义css类禁用html输入元素

前端之家收集整理的这篇文章主要介绍了javascript – 通过应用自定义css类禁用html输入元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我想通过应用我的自定义css类来禁用div的所有输入元素.
但我找不到任何可以禁用输入元素的css属性.
目前我在做什么

  $('#div_sercvice_detail :input').attr('disabled',true);
 $('#retention_interval_div :input').addClass("disabled"); 

可以使用css attr禁用div的所有输入元素,但我想应用我的自定义类来禁用所有带有一些额外css属性的输入

 $('#retention_interval_div :input').addClass("disabled");

.disabled{
color : darkGray;
font-style: italic;
/*property for disable input element like*/
/*disabled:true; */
}    

任何使用jquery执行此操作的建议,而不使用.attr(‘disabled’,true);?

最佳答案
无法仅使用CSS禁用元素,但您可以创建将应用于禁用元素的样式:

然后在你的代码中你只需要说:

 $('#retention_interval_div :input').prop("disabled",true);

演示:http://jsfiddle.net/nnnnnn/DhgMq/

(当然,旧浏览器不支持:禁用CSS选择器.)

请注意,如果您使用的是jQuery版本> = 1.6,则应使用.prop()而不是.attr()来更改禁用状态.

显示代码不会禁用它应用类的相同元素 – 选择器是不同的.如果这只是一个错字,那么你可以将它简化为一行:

$('#retention_interval_div :input').addClass("disabled").attr('disabled',true);
原文链接:https://www.f2er.com/html/426769.html

猜你在找的HTML相关文章