javascript - JS if 语句似乎不起作用

Question

我有一个复选框，如果选中它，我希望文本框可编辑。如果它保持未选中状态，那么我希望文本框为只读。这是我的 JS:

if (document.getElementById('itemize').checked==false) {
    document.getElementById('budget_1').readOnly = true;
} else  {
    document.getElementById('budget_1').readOnly = false;
     }  

我的复选框 HTML:

<input type="checkbox" id="itemize" style="width: 20px; height: 20px;" />

JS 似乎使文本框只读就好了，但是当我确保选中该复选框时，文本框仍保持只读状态。有什么建议吗？

Answer 1

您需要使用事件处理程序在复选框更改状态时运行

    var 
       budget_1 = document.getElementById('budget_1'),
       itemize = document.getElementById('itemize');
     
    itemize.addEventListener("change", readonly);

    function readonly(){
        if (itemize.checked==false) {
            budget_1.readOnly = true;
        } else {
           budget_1.readOnly = false;
        }  
    }

<input type="checkbox" id="itemize"/>
<input type="text" id="budget_1" readonly/>