如何仅在选中某个复选框时才要求在文本框中输入

html<input type="checkbox" id="requireInput" name="requireInput">
<label for="requireInput">需要填写文本框</label>
<br>
<input type="text" id="textInput" name="textInput">

javascriptdocument.addEventListener('DOMContentLoaded', function() {
    const checkbox = document.getElementById('requireInput');
    const textInput = document.getElementById('textInput');

    // 监听复选框状态变化
    checkbox.addEventListener('change', function() {
        if (this.checked) {
            // 选中时设置文本框为必填
            textInput.required = true;
        } else {
            // 未选中时取消必填
            textInput.required = false;
        }
    });
});