readonly属性切换

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;

}

Answer 1

这是一个较短的选择（假设您为控件添加了适当的ID）：

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

Answer 2

试试这个

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