javascript - 带复选框的只读文本列

Question

我制作了一个非常简单的 HTML 输入栏。我在其中添加了带有复选框的 JavaScript。当我单击选中的复选框时，我想写文本或取消选中文本框只读如何解决我的问题。举例说明我的代码

<input type="text" id="inputID" value="abc"></input>

    <input type="checkbox" id="myCheck" checked>

    <script>
   document.getElementById('inputID').readOnly = true;

    </script>

Answer 1

向 change 添加一个事件监听器复选框上的事件。

<input type="text" id="inputID" value="abc" readonly></input>
<input type="checkbox" id="myCheck" >
<script>
    var checkbox = document.getElementById('myCheck');
    checkbox.addEventListener('change', function() {
        document.getElementById('inputID').readOnly = !this.checked; 
    });
</script>

Working fiddle