如何禁用文本框?

时间:2017-06-27 17:32:46

标签: javascript asp.net-mvc html5

如何在加载页面时禁用文本框? MY JS

<script language="javascript">
        function enableDisable(bEnable, textBoxID) {
            document.getElementById(textBoxID).value = ""
            document.getElementById(textBoxID).disabled = !bEnable

        }
    </script>

我的观点

<input type="checkbox" id="checkBox" onclick="enableDisable(this.checked, 'textBox')">Reason<br />
 <input type="text" id="textBox">

2 个答案:

答案 0 :(得分:0)

默认情况下将其设置为禁用,然后使用window.onload事件启用它。

$(document).ready将在HTML文档加载时触发,但window.onload将等到整个页面(图像,脚本等)被加载。

小提琴:https://jsfiddle.net/k14dgr30/2/

    document.querySelector('inout[type="text"]').disabled = true;

    window.onload(function () {
       document.querySelector('inout[type="text"]').disabled = false;
    });

答案 1 :(得分:0)

<script language="javascript">
    window.onload =enableDisable(false,"textBox");

    function enableDisable(bEnable, textBoxID) {
        document.getElementById(textBoxID).value = ""
        document.getElementById(textBoxID).disabled = !bEnable

    }
</script>