jquery - 只读属性切换

Question

我有一个输入类型

<input type="text" name="name" id="name" readonly="true" />

我有一个复选框，单击该复选框将导致文本框可编辑...

<input type="checkbox" name="ch" id="ch" onclick="check()" />

我怎么解决它？？？

我使用脚本

function check()
{
if(document.getElementById('ch').checked=true)
     document.getElementById('ch').readonly=false;

}

score 4 · Accepted Answer

这是一个较短的替代方案（假设您将正确的 id 添加到控件中）：

$("#ch").change(function() {
    $("#name").prop("readonly", !$(this).is(":checked"));
});

score 2 · Accepted Answer

尝试这个

function check() {
   document.getElementById('name').readOnly = 
                   !document.getElementById('ch').checked;
}

2 回答 2