只读属性切换答案

【问题标题】：readonly attribute toggle只读属性切换
【发布时间】：2013-01-12 09:45:43
【问题描述】：

我有一个输入类型

<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;

}

【问题讨论】：

【解决方案1】：

这是一个较短的替代方案（假设您向控件添加了正确的 ID）：

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

【讨论】：

【解决方案2】：

试试这个

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

【讨论】：