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 @ 2024-11-25 23:45  雨花阁  阅读(5)  评论(0编辑  收藏  举报