我想通过应用我的自定义 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");
class
.disabled{
color : darkGray;
font-style: italic;
/*property for disable input element like*/
/*disabled:true; */
}
有什么建议可以在不使用 .attr('disabled', true); 的情况下使用 jquery 执行此操作吗?
无法仅使用 CSS 来禁用元素,但您可以创建一个将应用于禁用元素的样式:
<style>
#retention_interval_div input[type="text"]:disabled {
color : darkGray;
font-style: italic;
}
</style>
然后在你的代码中你只需说:
$('#retention_interval_div :input').prop("disabled", true);
Demo: http://jsfiddle.net/nnnnnn/DhgMq/ http://jsfiddle.net/nnnnnn/DhgMq/
(当然,:disabled
旧浏览器不支持 CSS 选择器。)
请注意,如果您使用 jQuery 版本 >= 1.6,则应该使用.prop()
代替.attr()
更改禁用状态。
您显示的代码不会禁用将类应用到的相同元素 - 选择器是不同的。如果这只是一个拼写错误,那么您可以将其简化为一行:
$('#retention_interval_div :input').addClass("disabled").attr('disabled', true);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)