HTML中实现多选一且输入框的启用与禁用

<script>
    // 控制"其他类别内容"输入框的启用与禁用
    function toggleTypeContent() {
        var typeContentInput = document.getElementById("typecontent");
        var otherRadio = document.getElementById("other");

        // 如果选中了"其他",启用输入框并清空placeholder
        if (otherRadio.checked) {
            typeContentInput.disabled = false;
            typeContentInput.placeholder = "";  // 清空提示信息
        } else {
            typeContentInput.disabled = true;
            typeContentInput.value = '';  // 清空输入框
            typeContentInput.placeholder = "如选业务洽谈、培训、会议,则此空不填";  // 显示提示信息
        }
    }

    // 页面加载时默认禁用“其他类别内容”输入框并显示提示
    window.onload = function() {
        toggleTypeContent();
    };
</script>

posted @   雨花阁  阅读(11)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示