关于js修改文本框状态

四个文本框往一个字段中传值，当某一个文本框有值时，其余三个禁止使用，也就是一个文本框有值，那么其余三个变为只读状态

解决方案 »

  1.   


    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>测试</title>
        <script type="text/javascript">        window.onload = function() {
                var Text1 = document.getElementById('Text1');
                Text1.onchange = function() {
                    var readOnly = Text1.value === '' ? false : true;
                    document.getElementById('Text2').readOnly = readOnly;
                    document.getElementById('Text3').readOnly = readOnly;
                    document.getElementById('Text4').readOnly = readOnly;
                    if (Text1.value !== '') {
                        document.getElementById('span1').innerHTML = Text1.value;
                    }
                };
            }
        </script></head>
    <body>
        <input id="Text1" type="text">
        <input id="Text2" type="text">
        <input id="Text3" type="text">
        <input id="Text4" type="text">
        <span id="span1">往哪传值</span>
    </body>
    </html>