代码之家 › 专栏 › 技术社区 › Chris-NTA

Jquery使用attr()禁用输入

attributes input jquery

Chris-NTA · 技术社区 · 16 年前

当我尝试使用attr()禁用或只读取输入字段时,我有一种有线行为。

removeAttr('disabled') 工作正常。

attr('name', 'somthing')

attr('id', 'something else') 正在工作

attr('disabled','disabled') 不工作->它只在DOM中写入disabled=“”并且不禁用输入字段

attr('readonly','readonly')

$(document).ready(function() {

    $("input[name='rdio']").live('click', function() {
        $(".radio_select").find("input[name='rdio']").each(function(){
            if(this.checked)
            {
                $("#"+this.value).removeAttr('disabled');        
            }
            else
            {
                $("#"+this.value).attr('disabled','disabled');
            }
        });
    });
});

有人经历过这种行为吗?顺便说一句,我使用的是jquery1.4.2

编辑:对不起,这是我试过的东西,忘了放回去。因此,对于attr(),问题仍然存在。

6 回复 | 直到 14 年前

jAndy 16 年前

你在哪个浏览器中体验到这种行为会很有趣。更有趣的是,如果意味着元素没有被禁用,或者属性只是缺少 disabled 作为价值。

由于 W3C 不应该有值或 readonly .

所以在句法上

<select disabled></select>

.attr('disabled', 'foobar') 和我一样好 .attr('disabled', true) .

Sadat 16 年前

尝试使用-

$('#target').attr("disabled", true);
$('#target').attr("readonly", true);

Ahmed Magdy 16 年前

我想应该是这样

attr('disabled', true);

Alfred redcoder 14 年前

.attr('disabled', 'disabled'); 做得很好。

W3C规范规定必须设置没有值的属性。但这是一个jquery attr()函数问题。没有值就不能设置属性。

它写道 disabled=""

请看这里: http://www.w3schools.com/tags/att_input_disabled.asp

Alfred redcoder 14 年前

.attr('disabled', true/false); 对我来说也是一样 readonly 只读 将出现在post数据中。对于开发人员来说,这是一个常见的陷阱,他们想禁用输入,但又想知道为什么他们没有得到自己的输入 $_POST PHP中的数据。

稍微抬起头!

Dan Chadwick 12 年前

@OP:我怀疑这个按钮在功能上是禁用的,但在视觉上不是禁用的。

原因是按钮的CSS,其中包含伪选择器“:active”。即使按钮被禁用,也会应用此功能。将“:not([DISABLED])”添加到active将删除误导性突出显示。

对于任何Drupal用户,Seven主题都有这个CSS,Seven是默认的管理主题。