关于js修改文本框状态

weixin_39003674 2019-05-26 03:45:08

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

...全文

42 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

dragoo1 2019-05-26

打赏
举报



<!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>