首页 > 其他 > 详细

input 标签 启用/禁用 编辑

时间:2021-04-15 23:43:31      阅读:21      评论:0      收藏:0      [点我收藏+]

1 通过原生js 控制 input 标签 启用/禁用 编辑

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>通过原生js启用/禁用input编辑</title>
</head>
<body>
    <div id="test_container"></div>
    <input id="id1_input" placeholder="请输入"/>
    <button id="enableInput_btn">启用input编辑</button>
    <button id="disableInput_btn">禁用input编辑</button>

    <script type="text/javascript">
        /*
         * 为启用/禁用按钮添加 click 事件
         */
        document.getElementById(enableInput_btn).onclick = enableInput;
        document.getElementById(disableInput_btn).onclick = disableInput;


        /*
         * 启用编辑
         */
        function enableInput() {
            document.getElementById(id1_input).disabled = false;
        }


        /*
         * 禁用编辑
         */
        function disableInput() {
            document.getElementById(id1_input).disabled = true;
        }
    </script>
</body>
</html>

2 通过 jquery 控制 input 启用/禁用 编辑

input 标签 启用/禁用 编辑

原文:https://www.cnblogs.com/tomorrow0/p/14663852.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!