Javascript 启用已禁用的文本框

Question

我正在尝试创建一个文本字段加载禁用的表单，如果用户想要输入到该字段中，他们必须单击一个复选框。我现在有这个。

然而，文本框下方的内容已启用，勾选复选框将禁用它。这怎么能修改，所以这是颠倒的。即首先禁用文本框，然后单击复选框启用它？

Javascript 代码

$(document).ready(function () {
            $('#testcheckbox').change(function() {
                $('#testtextfield').attr('disabled', this.checked);
            });
        });

HTML代码

<input type="checkbox" id="testcheckbox" />
<input type="text" id="testtextfield" />

谢谢。

Answer 1

尝试使用这个设置:

<input type="checkbox" id="testcheckbox" />
<input type="text" id="testtextfield" disabled="disabled" />

$(document).ready(function () {
    $('#testcheckbox').change(function() {
        $('#testtextfield').prop('disabled', !this.checked);
    });
});

http://jsfiddle.net/93HJ3/

在这种情况下，文本框默认禁用。然后，当单击复选框时，文本框将根据其反转的 checked 属性被禁用，以实现您想要的相反行为。

如果你看http://api.jquery.com/prop/ ，您会看到它是更容易接受的更改元素属性(如“已禁用”、“只读”、“已检查”等)的 jQuery 方法。关于差异的很好的讨论:.prop() vs .attr() .但是，如果您需要更改属性或特性，这真的取决于您，因为它们具有不同的含义。